diff --git a/.ado/windows-vs-pr.yml b/.ado/windows-vs-pr.yml
index 64d461a225e..990ebed2e17 100644
--- a/.ado/windows-vs-pr.yml
+++ b/.ado/windows-vs-pr.yml
@@ -12,7 +12,7 @@ variables:
   - template: variables/release.yml
   - template: variables/vs2019.yml
   - name: reactNativeVersion
-    value: 0.62.2
+    value: 0.0.0-56cf99a96
 
 jobs:
   - job: Setup
diff --git a/change/@office-iss-react-native-win32-2020-05-27-13-40-42-nightly-integration.json b/change/@office-iss-react-native-win32-2020-05-27-13-40-42-nightly-integration.json
new file mode 100644
index 00000000000..f3fe1476a91
--- /dev/null
+++ b/change/@office-iss-react-native-win32-2020-05-27-13-40-42-nightly-integration.json
@@ -0,0 +1,8 @@
+{
+  "type": "prerelease",
+  "comment": "Upgrade React Native to 3/22 Nightly Build",
+  "packageName": "@office-iss/react-native-win32",
+  "email": "ngerlem@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-05-27T20:40:04.020Z"
+}
diff --git a/change/react-native-platform-override-2020-06-17-05-20-16-nightly-integration.json b/change/react-native-platform-override-2020-06-17-05-20-16-nightly-integration.json
new file mode 100644
index 00000000000..50aa2480dd3
--- /dev/null
+++ b/change/react-native-platform-override-2020-06-17-05-20-16-nightly-integration.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "Upgrade React Native to 3/22 Nightly Build",
+  "packageName": "react-native-platform-override",
+  "email": "ngerlem@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-06-17T12:20:16.533Z"
+}
diff --git a/change/react-native-windows-2020-05-27-13-40-42-nightly-integration.json b/change/react-native-windows-2020-05-27-13-40-42-nightly-integration.json
new file mode 100644
index 00000000000..966c20b9962
--- /dev/null
+++ b/change/react-native-windows-2020-05-27-13-40-42-nightly-integration.json
@@ -0,0 +1,8 @@
+{
+  "type": "prerelease",
+  "comment": "Upgrade React Native to 3/22 Nightly Build",
+  "packageName": "react-native-windows",
+  "email": "ngerlem@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-05-27T20:40:42.294Z"
+}
diff --git a/change/react-native-windows-codegen-2020-05-27-13-40-42-nightly-integration.json b/change/react-native-windows-codegen-2020-05-27-13-40-42-nightly-integration.json
new file mode 100644
index 00000000000..1e6b6d01780
--- /dev/null
+++ b/change/react-native-windows-codegen-2020-05-27-13-40-42-nightly-integration.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "Upgrade React Native to 3/22 Nightly Build",
+  "packageName": "react-native-windows-codegen",
+  "email": "ngerlem@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-05-27T20:40:29.506Z"
+}
diff --git a/change/react-native-windows-init-2020-05-27-13-40-42-nightly-integration.json b/change/react-native-windows-init-2020-05-27-13-40-42-nightly-integration.json
new file mode 100644
index 00000000000..510cf8a497f
--- /dev/null
+++ b/change/react-native-windows-init-2020-05-27-13-40-42-nightly-integration.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "Upgrade React Native to 3/22 Nightly Build",
+  "packageName": "react-native-windows-init",
+  "email": "ngerlem@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-05-27T20:40:39.226Z"
+}
diff --git a/docs/api/react-native-windows.datepicker.md b/docs/api/react-native-windows.datepicker.md
index 82adc4af8ba..1679f95f163 100644
--- a/docs/api/react-native-windows.datepicker.md
+++ b/docs/api/react-native-windows.datepicker.md
@@ -9,6 +9,7 @@
 ```typescript
 export declare class DatePicker extends React.Component<IDatePickerProps> 
 ```
+<b>Extends:</b> React.Component&lt;[IDatePickerProps](./react-native-windows.idatepickerprops.md)<!-- -->&gt;
 
 ## Constructors
 
diff --git a/docs/api/react-native-windows.flyout.md b/docs/api/react-native-windows.flyout.md
index 9d5b22e73fd..1c069de2acc 100644
--- a/docs/api/react-native-windows.flyout.md
+++ b/docs/api/react-native-windows.flyout.md
@@ -15,6 +15,7 @@ This is a controlled component that requires an `onDismiss` callback that update
 ```typescript
 export declare class Flyout extends React.Component<IFlyoutProps, IFlyoutTargetState> 
 ```
+<b>Extends:</b> React.Component&lt;[IFlyoutProps](./react-native-windows.iflyoutprops.md)<!-- -->, [IFlyoutTargetState](./react-native-windows.iflyouttargetstate.md)<!-- -->&gt;
 
 ## Constructors
 
diff --git a/docs/api/react-native-windows.glyph.md b/docs/api/react-native-windows.glyph.md
index fa597685124..5680e691ba2 100644
--- a/docs/api/react-native-windows.glyph.md
+++ b/docs/api/react-native-windows.glyph.md
@@ -13,6 +13,7 @@ This control is used to render Glyphs from a Font file, which might be used simi
 ```typescript
 export declare class Glyph extends React.PureComponent<GlyphProps> 
 ```
+<b>Extends:</b> React.PureComponent&lt;GlyphProps&gt;
 
 ## Methods
 
diff --git a/docs/api/react-native-windows.idatepickerprops.md b/docs/api/react-native-windows.idatepickerprops.md
index 0d6f1ab2dbe..8bec399fb93 100644
--- a/docs/api/react-native-windows.idatepickerprops.md
+++ b/docs/api/react-native-windows.idatepickerprops.md
@@ -9,6 +9,7 @@
 ```typescript
 export interface IDatePickerProps extends ViewProps 
 ```
+<b>Extends:</b> ViewProps
 
 ## Properties
 
diff --git a/docs/api/react-native-windows.iflyoutprops.md b/docs/api/react-native-windows.iflyoutprops.md
index f6abe4b7afe..b63bffcd7b2 100644
--- a/docs/api/react-native-windows.iflyoutprops.md
+++ b/docs/api/react-native-windows.iflyoutprops.md
@@ -9,6 +9,7 @@
 ```typescript
 export interface IFlyoutProps extends ViewProps 
 ```
+<b>Extends:</b> ViewProps
 
 ## Properties
 
diff --git a/docs/api/react-native-windows.ipopupprops.md b/docs/api/react-native-windows.ipopupprops.md
index 22a1a3a2513..1bd5ed99239 100644
--- a/docs/api/react-native-windows.ipopupprops.md
+++ b/docs/api/react-native-windows.ipopupprops.md
@@ -9,6 +9,7 @@
 ```typescript
 export interface IPopupProps extends ViewProps 
 ```
+<b>Extends:</b> ViewProps
 
 ## Properties
 
diff --git a/docs/api/react-native-windows.iviewwindowsprops.md b/docs/api/react-native-windows.iviewwindowsprops.md
index d40e4e6da1e..c1198d0c7f7 100644
--- a/docs/api/react-native-windows.iviewwindowsprops.md
+++ b/docs/api/react-native-windows.iviewwindowsprops.md
@@ -9,6 +9,7 @@
 ```typescript
 export interface IViewWindowsProps extends IKeyboardProps, ViewProps 
 ```
+<b>Extends:</b> [IKeyboardProps](./react-native-windows.ikeyboardprops.md)<!-- -->, ViewProps
 
 ## Remarks
 
diff --git a/docs/api/react-native-windows.picker.md b/docs/api/react-native-windows.picker.md
index 61aa95dc948..085709e107f 100644
--- a/docs/api/react-native-windows.picker.md
+++ b/docs/api/react-native-windows.picker.md
@@ -13,6 +13,7 @@ when using editable=true, onValueChange can be called with a selectedValue of nu
 ```typescript
 export declare class Picker extends React.Component<IPickerProps, State> 
 ```
+<b>Extends:</b> React.Component&lt;IPickerProps, State&gt;
 
 ## Constructors
 
diff --git a/docs/api/react-native-windows.popup.md b/docs/api/react-native-windows.popup.md
index e9d73863ae8..4034a30d13a 100644
--- a/docs/api/react-native-windows.popup.md
+++ b/docs/api/react-native-windows.popup.md
@@ -15,6 +15,7 @@ This is a controlled component that requires an `onDismiss` callback that update
 ```typescript
 export declare class Popup extends React.Component<IPopupProps, IPopupTargetState> 
 ```
+<b>Extends:</b> React.Component&lt;[IPopupProps](./react-native-windows.ipopupprops.md)<!-- -->, [IPopupTargetState](./react-native-windows.ipopuptargetstate.md)<!-- -->&gt;
 
 ## Constructors
 
diff --git a/packages/E2ETest/package.json b/packages/E2ETest/package.json
index fc7402e837c..a62554ddeb7 100644
--- a/packages/E2ETest/package.json
+++ b/packages/E2ETest/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "prompt-sync": "^4.2.0",
-    "react": "16.11.0",
-    "react-native": "0.62.2",
+    "react": "16.13.0",
+    "react-native": "0.0.0-56cf99a96",
     "react-native-windows": "0.0.0-canary.103"
   },
   "devDependencies": {
@@ -42,6 +42,7 @@
     "@wdio/local-runner": "5.12.1",
     "@wdio/sync": "5.12.1",
     "appium": "1.14.1",
+    "eslint": "5.1.0",
     "just-scripts": "^0.36.1",
     "metro-react-native-babel-preset": "^0.56.0",
     "prettier": "^1.18.2",
diff --git a/packages/microsoft-reactnative-sampleapps/package.json b/packages/microsoft-reactnative-sampleapps/package.json
index 3b93c62b2d8..33af5d0780c 100644
--- a/packages/microsoft-reactnative-sampleapps/package.json
+++ b/packages/microsoft-reactnative-sampleapps/package.json
@@ -14,8 +14,8 @@
     "windows": "react-native run-windows"
   },
   "dependencies": {
-    "react": "16.11.0",
-    "react-native": "0.62.2",
+    "react": "16.13.0",
+    "react-native": "0.0.0-56cf99a96",
     "react-native-windows": "0.0.0-canary.103"
   },
   "devDependencies": {
@@ -23,6 +23,7 @@
     "@babel/runtime": "^7.8.4",
     "@types/react": "16.9.0",
     "@types/react-native": "^0.62.10",
+    "eslint": "5.1.0",
     "just-scripts": "^0.36.1",
     "metro-react-native-babel-preset": "^0.56.0",
     "react-native-windows-codegen": "0.0.6",
diff --git a/packages/playground/package.json b/packages/playground/package.json
index 075c501f5f9..450028dbb3c 100644
--- a/packages/playground/package.json
+++ b/packages/playground/package.json
@@ -10,18 +10,19 @@
     "windows": "react-native run-windows"
   },
   "dependencies": {
-    "react": "16.11.0",
-    "react-native": "0.62.2",
+    "react": "16.13.0",
+    "react-native": "0.0.0-56cf99a96",
     "react-native-windows": "0.0.0-canary.103"
   },
   "devDependencies": {
     "@babel/core": "^7.8.4",
     "@babel/runtime": "^7.8.4",
+    "@react-native-community/eslint-config": "^1.1.0",
     "@types/react": "16.9.0",
     "@types/react-native": "^0.62.10",
+    "eslint": "5.1.0",
     "just-scripts": "^0.36.1",
     "metro-react-native-babel-preset": "^0.56.0",
-    "react-test-renderer": "16.9.0",
-    "@react-native-community/eslint-config": "^1.0.0"
+    "react-test-renderer": "16.9.0"
   }
 }
diff --git a/packages/react-native-platform-override/package.json b/packages/react-native-platform-override/package.json
index 0ed3493811d..719daf1b456 100644
--- a/packages/react-native-platform-override/package.json
+++ b/packages/react-native-platform-override/package.json
@@ -47,6 +47,7 @@
     "@types/yargs": "^15.0.3",
     "babel-jest": "^24.9.0",
     "diff-match-patch": "^1.0.4",
+    "eslint": "5.1.0",
     "fp-ts": "^2.5.0",
     "jest": "^24.9.0",
     "just-scripts": "^0.36.1",
diff --git a/packages/react-native-win32/.flowconfig b/packages/react-native-win32/.flowconfig
index 4821771703d..4799740f29b 100644
--- a/packages/react-native-win32/.flowconfig
+++ b/packages/react-native-win32/.flowconfig
@@ -9,53 +9,25 @@
 ; Ideally we'd delete the base versions of files that had .win32 overrides as part of the
 ; initRNLibraries build step
 <PROJECT_ROOT>/Libraries/Alert/Alert.js
-<PROJECT_ROOT>/Libraries/Animated/src/nodes/AnimatedInterpolation.js
 <PROJECT_ROOT>/Libraries/Components/AccessibilityInfo/NativeAccessibilityInfo.js
 <PROJECT_ROOT>/Libraries/Components/Picker/Picker.js
 <PROJECT_ROOT>/Libraries/Components/SafeAreaView/SafeAreaView.js
-<PROJECT_ROOT>/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.js
 <PROJECT_ROOT>/Libraries/Components/TextInput/TextInput.js
 <PROJECT_ROOT>/Libraries/Components/TextInput/TextInputState.js
-<PROJECT_ROOT>/Libraries/Components/Touchable/TouchableBounce.js
-<PROJECT_ROOT>/Libraries/Components/Touchable/TouchableHighlight.js
 <PROJECT_ROOT>/Libraries/Components/Touchable/TouchableNativeFeedback.js
-<PROJECT_ROOT>/Libraries/Components/Touchable/TouchableOpacity.js
-<PROJECT_ROOT>/Libraries/Components/Touchable/TouchableWithoutFeedback.js
 <PROJECT_ROOT>/Libraries/Components/View/ReactNativeViewAttributes.js
 <PROJECT_ROOT>/Libraries/Components/View/ReactNativeViewViewConfig.js
-<PROJECT_ROOT>/Libraries/Core/setUpReactDevTools.js
 <PROJECT_ROOT>/Libraries/Image/Image.js
-<PROJECT_ROOT>/Libraries/Image/ImageViewNativeComponent.js
 <PROJECT_ROOT>/Libraries/Inspector/Inspector.js
 <PROJECT_ROOT>/Libraries/Inspector/InspectorOverlay.js
 <PROJECT_ROOT>/Libraries/Network/RCTNetworking.js
-<PROJECT_ROOT>/Libraries/Pressability/PressabilityDebug.js
-<PROJECT_ROOT>/Libraries/ReactNative/getNativeComponentAttributes.js
-<PROJECT_ROOT>/Libraries/StyleSheet/normalizeColor.js
-<PROJECT_ROOT>/Libraries/StyleSheet/normalizeColorObject.js
-<PROJECT_ROOT>/Libraries/StyleSheet/processColor.js
-<PROJECT_ROOT>/Libraries/StyleSheet/processColorArray.js
 <PROJECT_ROOT>/Libraries/StyleSheet/StyleSheet.js
 <PROJECT_ROOT>/Libraries/Utilities/DeviceInfo.js
 <PROJECT_ROOT>/Libraries/Utilities/Dimensions.js
-<PROJECT_ROOT>/Libraries/YellowBox/UI/YellowBoxInspectorHeader.js
-<PROJECT_ROOT>/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.js
-<PROJECT_ROOT>/Libraries/YellowBox/UI/YellowBoxList.js
 <PROJECT_ROOT>/RNTester/js/components/FlatListExample.js
 <PROJECT_ROOT>/RNTester/js/components/ListExampleShared.js
 <PROJECT_ROOT>/RNTester/js/components/RNTesterExampleFilter.js
 
-; Schema files are used for turbo-module code generation, but are not bundled.
-; We don't yet have the react-native-codegen package they rely on, so supress
-; checks for now.
-<PROJECT_ROOT>/Libraries/Components/ActivityIndicator/ActivityIndicatorSchema.js
-<PROJECT_ROOT>/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutSchema.js
-<PROJECT_ROOT>/Libraries/Components/RefreshControl/PullToRefreshViewSchema.js
-<PROJECT_ROOT>/Libraries/Components/Slider/SliderSchema.js
-<PROJECT_ROOT>/Libraries/Components/Switch/SwitchSchema.js
-<PROJECT_ROOT>/Libraries/Components/UnimplementedViews/UnimplementedNativeViewSchema.js
-<PROJECT_ROOT>/Libraries/Modal/ModalSchema.js
-
 ; Ignore react-native files in node_modules since they are copied into project root
 .*/node_modules/react-native/.*
 
@@ -78,8 +50,6 @@
 ; require from fbjs/lib instead: require('fbjs/lib/warning')
 .*/node_modules/warning/.*
 
-; Flow doesn't support platforms
-.*/Libraries/Utilities/HMRLoadingView.js
 
 ; Ignore the src folder - flow files are combined with ones from react-native into the root Libraries folder
 .*/react-native-win32/src/.*
@@ -90,10 +60,6 @@
 ; Should work out how to do this properly
 .*/react-native-win32/Libraries/Image/resolveAssetSource.win32.js
 
-; A couple files using dynamic colors, but cannot be ignored
-<PROJECT_ROOT>/Libraries/ActionSheetIOS/ActionSheetIOS.js
-<PROJECT_ROOT>/Libraries/Share/Share.js
-
 [include]
 ; Need to include hoisted modules
 ../../node_modules/
@@ -108,15 +74,17 @@ emoji=true
 esproposal.optional_chaining=enable
 esproposal.nullish_coalescing=enable
 
+exact_by_default=true
+
 module.file_ext=.js
 module.file_ext=.json
 module.file_ext=.win32.js
 
 munge_underscores=true
 
+module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/index.js'
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/\1'
 module.name_mapper='^@?[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/Libraries/Image/RelativeImageStub'
-module.name_mapper='react-native$' -> '<PROJECT_ROOT>/index.js'
-module.name_mapper='react-native/\(.*\)' -> '<PROJECT_ROOT>/\1'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
@@ -142,10 +110,10 @@ untyped-type-import=warn
 nonstrict-import=warn
 deprecated-type=warn
 unsafe-getters-setters=warn
-inexact-spread=warn
 unnecessary-invariant=warn
 signature-verification-failure=warn
 deprecated-utility=error
+unsafe-addition=error
 
 [strict]
 deprecated-type
@@ -157,4 +125,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.113.0
\ No newline at end of file
+^0.120.0
\ No newline at end of file
diff --git a/packages/react-native-win32/docs/api/react-native-win32.buttonwin32.md b/packages/react-native-win32/docs/api/react-native-win32.buttonwin32.md
index 4ede6593a84..01d4c0ebeb6 100644
--- a/packages/react-native-win32/docs/api/react-native-win32.buttonwin32.md
+++ b/packages/react-native-win32/docs/api/react-native-win32.buttonwin32.md
@@ -11,6 +11,7 @@ React-native <Button> control with additional Win32-specific functionality.
 ```typescript
 export declare class ButtonWin32 extends React.Component<IButtonWin32Props, IButtonWin32State> 
 ```
+<b>Extends:</b> React.Component&lt;[IButtonWin32Props](./react-native-win32.ibuttonwin32props.md)<!-- -->, IButtonWin32State&gt;
 
 ## Constructors
 
diff --git a/packages/react-native-win32/docs/api/react-native-win32.colorgradientwin32.md b/packages/react-native-win32/docs/api/react-native-win32.colorgradientwin32.md
new file mode 100644
index 00000000000..e2355be2c15
--- /dev/null
+++ b/packages/react-native-win32/docs/api/react-native-win32.colorgradientwin32.md
@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@office-iss/react-native-win32](./react-native-win32.md) &gt; [ColorGradientWin32](./react-native-win32.colorgradientwin32.md)
+
+## ColorGradientWin32 variable
+
+Creates a color value that renders using a grandient brush. This can be used to provide a value to most components that take a standard color value.
+
+<b>Signature:</b>
+
+```typescript
+ColorGradientWin32 : (
+  gradientColor: GradientColorValueWin32
+) => any
+```
diff --git a/packages/react-native-win32/docs/api/react-native-win32.gradientcolorstop.md b/packages/react-native-win32/docs/api/react-native-win32.gradientcolorstop.md
new file mode 100644
index 00000000000..da0ae905689
--- /dev/null
+++ b/packages/react-native-win32/docs/api/react-native-win32.gradientcolorstop.md
@@ -0,0 +1,16 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@office-iss/react-native-win32](./react-native-win32.md) &gt; [GradientColorStop](./react-native-win32.gradientcolorstop.md)
+
+## GradientColorStop type
+
+A color stop within a gradient. The values can either be other color values such as 'red', or a value thats already gone through processColor Note: Currently we only support color stops from 0 to 1. (Where 0 is the gradient start, 1 is gradient end)
+
+<b>Signature:</b>
+
+```typescript
+export type GradientColorStop = {
+  color: string /*ColorValue*/ | number /*ProcessedColorValue*/,
+  offset: 0 | 1,
+};
+```
diff --git a/packages/react-native-win32/docs/api/react-native-win32.gradientcolorvaluewin32.md b/packages/react-native-win32/docs/api/react-native-win32.gradientcolorvaluewin32.md
new file mode 100644
index 00000000000..b92b265cc01
--- /dev/null
+++ b/packages/react-native-win32/docs/api/react-native-win32.gradientcolorvaluewin32.md
@@ -0,0 +1,16 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@office-iss/react-native-win32](./react-native-win32.md) &gt; [GradientColorValueWin32](./react-native-win32.gradientcolorvaluewin32.md)
+
+## GradientColorValueWin32 type
+
+Specifies the direction the gradient is in, and a list of color stops for the gradient. Note: Currently we only support 2 color stops
+
+<b>Signature:</b>
+
+```typescript
+export type GradientColorValueWin32 = {
+  gradientDirection: 'ToBottom' | 'ToTop' | 'ToRight' | 'ToLeft',
+  colorStops: GradientColorStop[]
+};
+```
diff --git a/packages/react-native-win32/docs/api/react-native-win32.ibuttonwin32props.md b/packages/react-native-win32/docs/api/react-native-win32.ibuttonwin32props.md
index 96ee41280f0..cd374067632 100644
--- a/packages/react-native-win32/docs/api/react-native-win32.ibuttonwin32props.md
+++ b/packages/react-native-win32/docs/api/react-native-win32.ibuttonwin32props.md
@@ -9,6 +9,7 @@
 ```typescript
 export interface IButtonWin32Props extends RN.ButtonProps 
 ```
+<b>Extends:</b> RN.ButtonProps
 
 ## Properties
 
diff --git a/packages/react-native-win32/docs/api/react-native-win32.ibuttonwin32style.md b/packages/react-native-win32/docs/api/react-native-win32.ibuttonwin32style.md
index ad6be7ea98a..0121e1859db 100644
--- a/packages/react-native-win32/docs/api/react-native-win32.ibuttonwin32style.md
+++ b/packages/react-native-win32/docs/api/react-native-win32.ibuttonwin32style.md
@@ -9,3 +9,5 @@
 ```typescript
 export interface IButtonWin32Style extends Omit<RN.TextStyle, ButtonWin32OmitStyles> 
 ```
+<b>Extends:</b> Omit&lt;RN.TextStyle, [ButtonWin32OmitStyles](./react-native-win32.buttonwin32omitstyles.md)<!-- -->&gt;
+
diff --git a/packages/react-native-win32/docs/api/react-native-win32.ipersonacoinprops.md b/packages/react-native-win32/docs/api/react-native-win32.ipersonacoinprops.md
index c92c5153d01..5f2a036871a 100644
--- a/packages/react-native-win32/docs/api/react-native-win32.ipersonacoinprops.md
+++ b/packages/react-native-win32/docs/api/react-native-win32.ipersonacoinprops.md
@@ -9,6 +9,7 @@
 ```typescript
 export interface IPersonaCoinProps extends ViewProps 
 ```
+<b>Extends:</b> ViewProps
 
 ## Properties
 
diff --git a/packages/react-native-win32/docs/api/react-native-win32.irespondersyntheticevent.md b/packages/react-native-win32/docs/api/react-native-win32.irespondersyntheticevent.md
index 86c993d1b45..4410377105d 100644
--- a/packages/react-native-win32/docs/api/react-native-win32.irespondersyntheticevent.md
+++ b/packages/react-native-win32/docs/api/react-native-win32.irespondersyntheticevent.md
@@ -11,6 +11,7 @@ More fully defines an event by augmenting touchHistory
 ```typescript
 export interface IResponderSyntheticEvent<T> extends NativeSyntheticEvent<T> 
 ```
+<b>Extends:</b> NativeSyntheticEvent&lt;T&gt;
 
 ## Properties
 
diff --git a/packages/react-native-win32/docs/api/react-native-win32.itextwin32props.md b/packages/react-native-win32/docs/api/react-native-win32.itextwin32props.md
index 1feb8b738df..2221d18e732 100644
--- a/packages/react-native-win32/docs/api/react-native-win32.itextwin32props.md
+++ b/packages/react-native-win32/docs/api/react-native-win32.itextwin32props.md
@@ -9,6 +9,7 @@
 ```typescript
 export interface ITextWin32Props extends Omit<RN.TextProps, TextWin32OmitTypes>, BasePropsWin32 
 ```
+<b>Extends:</b> Omit&lt;RN.TextProps, [TextWin32OmitTypes](./react-native-win32.textwin32omittypes.md)<!-- -->&gt;, [BasePropsWin32](./react-native-win32.basepropswin32.md)
 
 ## Properties
 
diff --git a/packages/react-native-win32/docs/api/react-native-win32.itouchablewin32props.md b/packages/react-native-win32/docs/api/react-native-win32.itouchablewin32props.md
index 3a4d2163bc3..d922efa7f99 100644
--- a/packages/react-native-win32/docs/api/react-native-win32.itouchablewin32props.md
+++ b/packages/react-native-win32/docs/api/react-native-win32.itouchablewin32props.md
@@ -9,6 +9,7 @@
 ```typescript
 export interface ITouchableWin32Props extends IViewWin32Props 
 ```
+<b>Extends:</b> [IViewWin32Props](./react-native-win32.iviewwin32props.md)
 
 ## Properties
 
diff --git a/packages/react-native-win32/docs/api/react-native-win32.iviewwin32props.md b/packages/react-native-win32/docs/api/react-native-win32.iviewwin32props.md
index 1e9cb5eeaa0..d9a77582655 100644
--- a/packages/react-native-win32/docs/api/react-native-win32.iviewwin32props.md
+++ b/packages/react-native-win32/docs/api/react-native-win32.iviewwin32props.md
@@ -11,6 +11,7 @@ Properties for ViewWin32 component
 ```typescript
 export interface IViewWin32Props extends Omit<RN.ViewProps, ViewWin32OmitTypes>, BasePropsWin32 
 ```
+<b>Extends:</b> Omit&lt;RN.ViewProps, [ViewWin32OmitTypes](./react-native-win32.viewwin32omittypes.md)<!-- -->&gt;, [BasePropsWin32](./react-native-win32.basepropswin32.md)
 
 ## Properties
 
diff --git a/packages/react-native-win32/docs/api/react-native-win32.md b/packages/react-native-win32/docs/api/react-native-win32.md
index 916aa572aaa..039e0125b47 100644
--- a/packages/react-native-win32/docs/api/react-native-win32.md
+++ b/packages/react-native-win32/docs/api/react-native-win32.md
@@ -45,6 +45,7 @@ This package provides Win32 specific components and provides JS implementations
 
 |  Variable | Description |
 |  --- | --- |
+|  [ColorGradientWin32](./react-native-win32.colorgradientwin32.md) | Creates a color value that renders using a grandient brush. This can be used to provide a value to most components that take a standard color value. |
 |  [PersonaCoin](./react-native-win32.personacoin.md) |  |
 |  [ViewWin32](./react-native-win32.viewwin32.md) |  |
 
@@ -62,6 +63,8 @@ This package provides Win32 specific components and provides JS implementations
 |  [BasePropsWin32](./react-native-win32.basepropswin32.md) |  |
 |  [ButtonWin32OmitStyles](./react-native-win32.buttonwin32omitstyles.md) |  |
 |  [Cursor](./react-native-win32.cursor.md) |  |
+|  [GradientColorStop](./react-native-win32.gradientcolorstop.md) | A color stop within a gradient. The values can either be other color values such as 'red', or a value thats already gone through processColor Note: Currently we only support color stops from 0 to 1. (Where 0 is the gradient start, 1 is gradient end) |
+|  [GradientColorValueWin32](./react-native-win32.gradientcolorvaluewin32.md) | Specifies the direction the gradient is in, and a list of color stops for the gradient. Note: Currently we only support 2 color stops |
 |  [IChildAsFunction](./react-native-win32.ichildasfunction.md) | Used by IRenderChild, it simply describes a function that takes some generic state type T and returns a ReactNode |
 |  [IHandledKeyboardEvent](./react-native-win32.ihandledkeyboardevent.md) |  |
 |  [IKeyboardEvent](./react-native-win32.ikeyboardevent.md) |  |
diff --git a/packages/react-native-win32/docs/api/react-native-win32.textwin32.md b/packages/react-native-win32/docs/api/react-native-win32.textwin32.md
index c2ebeb56e74..48938421b11 100644
--- a/packages/react-native-win32/docs/api/react-native-win32.textwin32.md
+++ b/packages/react-native-win32/docs/api/react-native-win32.textwin32.md
@@ -9,6 +9,7 @@
 ```typescript
 export declare class TextWin32 extends React.Component<ITextWin32Props, {}> 
 ```
+<b>Extends:</b> React.Component&lt;[ITextWin32Props](./react-native-win32.itextwin32props.md)<!-- -->, {}&gt;
 
 ## Constructors
 
diff --git a/packages/react-native-win32/docs/api/react-native-win32.touchablewin32.md b/packages/react-native-win32/docs/api/react-native-win32.touchablewin32.md
index b9b23ba1c74..bf8d85732cc 100644
--- a/packages/react-native-win32/docs/api/react-native-win32.touchablewin32.md
+++ b/packages/react-native-win32/docs/api/react-native-win32.touchablewin32.md
@@ -11,6 +11,7 @@ TouchableWin32 is a 'componentization' of the Touchable Mixin in React Native. T
 ```typescript
 export declare class TouchableWin32 extends React.Component<ITouchableWin32Props, IInternalTouchableWin32State> 
 ```
+<b>Extends:</b> React.Component&lt;[ITouchableWin32Props](./react-native-win32.itouchablewin32props.md)<!-- -->, IInternalTouchableWin32State&gt;
 
 ## Constructors
 
diff --git a/packages/react-native-win32/etc/react-native-win32.api.md b/packages/react-native-win32/etc/react-native-win32.api.md
index 37f034a65e5..a29986a6907 100644
--- a/packages/react-native-win32/etc/react-native-win32.api.md
+++ b/packages/react-native-win32/etc/react-native-win32.api.md
@@ -69,6 +69,11 @@ export class ButtonWin32 extends React_2.Component<IButtonWin32Props, IButtonWin
 // @public (undocumented)
 export type ButtonWin32OmitStyles = RN.TextStyleIOS & RN.TextStyleAndroid;
 
+// @public
+export const ColorGradientWin32 : (
+  gradientColor: GradientColorValueWin32
+) => any;
+
 // @public (undocumented)
 export type Cursor = 'auto' | 'default' | 'pointer' | 'help' | 'not-allowed' | 'wait' | 'move' | 'nesw-resize' | 'ns-resize' | 'nwse-resize' | 'we-resize' | 'text';
 
@@ -84,6 +89,18 @@ export enum EventPhase {
     None = 0
 }
 
+// @public
+export type GradientColorStop = {
+  color: string /*ColorValue*/ | number /*ProcessedColorValue*/,
+  offset: 0 | 1,
+};
+
+// @public
+export type GradientColorValueWin32 = {
+  gradientDirection: 'ToBottom' | 'ToTop' | 'ToRight' | 'ToLeft',
+  colorStops: GradientColorStop[]
+};
+
 // @public (undocumented)
 export interface IButtonWin32Props extends RN.ButtonProps {
     onBlur?: () => void;
diff --git a/packages/react-native-win32/just-task.js b/packages/react-native-win32/just-task.js
index ed9a98cab00..dabd1f0cc12 100644
--- a/packages/react-native-win32/just-task.js
+++ b/packages/react-native-win32/just-task.js
@@ -49,6 +49,9 @@ task('copyFlowFiles', () => {
 task('copyPngFiles', () => {
   return copyTask(['src/**/*.png'], '.');
 });
+task('copyTypescriptTypeDefFiles', () => {
+  return copyTask(['src/**/*.d.ts'], '.');
+});
 task('initRNLibraries', () => {
   require('../../vnext/scripts/copyRNLibraries').copyRNLibraries(__dirname);
 });
@@ -100,6 +103,7 @@ task(
     'initRNLibraries',
     'copyFlowFiles',
     'copyPngFiles',
+    'copyTypescriptTypeDefFiles',
     'ts',
     condition('apiExtractorVerify', () => argv().ci),
   ),
diff --git a/packages/react-native-win32/package.json b/packages/react-native-win32/package.json
index ea1c784e047..6198ffb5c49 100644
--- a/packages/react-native-win32/package.json
+++ b/packages/react-native-win32/package.json
@@ -49,19 +49,20 @@
     "@types/prop-types": "15.5.1",
     "@types/react": "16.9.0",
     "@types/react-native": "^0.62.10",
-    "flow-bin": "^0.113.0",
+    "eslint": "5.1.0",
+    "flow-bin": "^0.120.1",
     "jscodeshift": "^0.6.2",
     "just-scripts": "^0.36.1",
-    "react": "16.11.0",
+    "react": "16.13.0",
+    "react-native": "0.0.0-56cf99a96",
     "react-native-platform-override": "^0.0.5",
-    "react-native": "0.62.2",
     "rimraf": "^3.0.0",
     "typescript": "^3.8.3"
   },
   "peerDependencies": {
-    "react": "16.11.0",
-    "react-dom": "16.8.6",
-    "react-native": "^0.62.0-0"
+    "react": "16.13.0",
+    "react-dom": "16.13.0",
+    "react-native": "0.0.0-56cf99a96"
   },
   "beachball": {
     "defaultNpmTag": "canary",
diff --git a/packages/react-native-win32/src/Libraries/Alert/Alert.win32.js b/packages/react-native-win32/src/Libraries/Alert/Alert.win32.js
index 6ab36927761..82377295fa1 100644
--- a/packages/react-native-win32/src/Libraries/Alert/Alert.win32.js
+++ b/packages/react-native-win32/src/Libraries/Alert/Alert.win32.js
@@ -37,7 +37,7 @@ type Options = {
 /**
  * Launches an alert dialog with the specified title and message.
  *
- * See http://facebook.github.io/react-native/docs/alert.html
+ * See https://reactnative.dev/docs/alert.html
  */
 class Alert {
   static alert(
diff --git a/packages/react-native-win32/src/Libraries/Animated/src/nodes/AnimatedInterpolation.win32.js b/packages/react-native-win32/src/Libraries/Animated/src/nodes/AnimatedInterpolation.win32.js
deleted file mode 100644
index b6c9c3eac4f..00000000000
--- a/packages/react-native-win32/src/Libraries/Animated/src/nodes/AnimatedInterpolation.win32.js
+++ /dev/null
@@ -1,380 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- * @format
- */
-
-/* eslint no-bitwise: 0 */
-
-'use strict';
-
-const AnimatedNode = require('./AnimatedNode');
-const AnimatedWithChildren = require('./AnimatedWithChildren');
-const NativeAnimatedHelper = require('../NativeAnimatedHelper');
-
-const invariant = require('invariant');
-const normalizeColor = require('../../../StyleSheet/normalizeColor');
-
-type ExtrapolateType = 'extend' | 'identity' | 'clamp';
-
-export type InterpolationConfigType = {
-  inputRange: Array<number>,
-  /* $FlowFixMe(>=0.38.0 site=react_native_fb,react_native_oss) - Flow error
-   * detected during the deployment of v0.38.0. To see the error, remove this
-   * comment and run flow
-   */
-  outputRange: Array<number> | Array<string>,
-  easing?: (input: number) => number,
-  extrapolate?: ExtrapolateType,
-  extrapolateLeft?: ExtrapolateType,
-  extrapolateRight?: ExtrapolateType,
-  ...
-};
-
-const linear = t => t;
-
-/**
- * Very handy helper to map input ranges to output ranges with an easing
- * function and custom behavior outside of the ranges.
- */
-function createInterpolation(
-  config: InterpolationConfigType,
-): (input: number) => number | string {
-  if (config.outputRange && typeof config.outputRange[0] === 'string') {
-    return createInterpolationFromStringOutputRange(config);
-  }
-
-  const outputRange: Array<number> = (config.outputRange: any);
-  checkInfiniteRange('outputRange', outputRange);
-
-  const inputRange = config.inputRange;
-  checkInfiniteRange('inputRange', inputRange);
-  checkValidInputRange(inputRange);
-
-  invariant(
-    inputRange.length === outputRange.length,
-    'inputRange (' +
-      inputRange.length +
-      ') and outputRange (' +
-      outputRange.length +
-      ') must have the same length',
-  );
-
-  const easing = config.easing || linear;
-
-  let extrapolateLeft: ExtrapolateType = 'extend';
-  if (config.extrapolateLeft !== undefined) {
-    extrapolateLeft = config.extrapolateLeft;
-  } else if (config.extrapolate !== undefined) {
-    extrapolateLeft = config.extrapolate;
-  }
-
-  let extrapolateRight: ExtrapolateType = 'extend';
-  if (config.extrapolateRight !== undefined) {
-    extrapolateRight = config.extrapolateRight;
-  } else if (config.extrapolate !== undefined) {
-    extrapolateRight = config.extrapolate;
-  }
-
-  return input => {
-    invariant(
-      typeof input === 'number',
-      'Cannot interpolation an input which is not a number',
-    );
-
-    const range = findRange(input, inputRange);
-    return interpolate(
-      input,
-      inputRange[range],
-      inputRange[range + 1],
-      outputRange[range],
-      outputRange[range + 1],
-      easing,
-      extrapolateLeft,
-      extrapolateRight,
-    );
-  };
-}
-
-function interpolate(
-  input: number,
-  inputMin: number,
-  inputMax: number,
-  outputMin: number,
-  outputMax: number,
-  easing: (input: number) => number,
-  extrapolateLeft: ExtrapolateType,
-  extrapolateRight: ExtrapolateType,
-) {
-  let result = input;
-
-  // Extrapolate
-  if (result < inputMin) {
-    if (extrapolateLeft === 'identity') {
-      return result;
-    } else if (extrapolateLeft === 'clamp') {
-      result = inputMin;
-    } else if (extrapolateLeft === 'extend') {
-      // noop
-    }
-  }
-
-  if (result > inputMax) {
-    if (extrapolateRight === 'identity') {
-      return result;
-    } else if (extrapolateRight === 'clamp') {
-      result = inputMax;
-    } else if (extrapolateRight === 'extend') {
-      // noop
-    }
-  }
-
-  if (outputMin === outputMax) {
-    return outputMin;
-  }
-
-  if (inputMin === inputMax) {
-    if (input <= inputMin) {
-      return outputMin;
-    }
-    return outputMax;
-  }
-
-  // Input Range
-  if (inputMin === -Infinity) {
-    result = -result;
-  } else if (inputMax === Infinity) {
-    result = result - inputMin;
-  } else {
-    result = (result - inputMin) / (inputMax - inputMin);
-  }
-
-  // Easing
-  result = easing(result);
-
-  // Output Range
-  if (outputMin === -Infinity) {
-    result = -result;
-  } else if (outputMax === Infinity) {
-    result = result + outputMin;
-  } else {
-    result = result * (outputMax - outputMin) + outputMin;
-  }
-
-  return result;
-}
-
-function colorToRgba(input: string): string {
-  let int32Color = normalizeColor(input);
-
-  // TODO RNW #3984 [
-  if (int32Color === null || typeof int32Color !== 'number') {
-    return input;
-  }
-  // ]
-
-  int32Color = int32Color || 0;
-
-  const r = (int32Color & 0xff000000) >>> 24;
-  const g = (int32Color & 0x00ff0000) >>> 16;
-  const b = (int32Color & 0x0000ff00) >>> 8;
-  const a = (int32Color & 0x000000ff) / 255;
-
-  return `rgba(${r}, ${g}, ${b}, ${a})`;
-}
-
-const stringShapeRegex = /[+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/g;
-
-/**
- * Supports string shapes by extracting numbers so new values can be computed,
- * and recombines those values into new strings of the same shape.  Supports
- * things like:
- *
- *   rgba(123, 42, 99, 0.36) // colors
- *   -45deg                  // values with units
- */
-function createInterpolationFromStringOutputRange(
-  config: InterpolationConfigType,
-): (input: number) => string {
-  let outputRange: Array<string> = (config.outputRange: any);
-  invariant(outputRange.length >= 2, 'Bad output range');
-  outputRange = outputRange.map(colorToRgba);
-  checkPattern(outputRange);
-
-  // ['rgba(0, 100, 200, 0)', 'rgba(50, 150, 250, 0.5)']
-  // ->
-  // [
-  //   [0, 50],
-  //   [100, 150],
-  //   [200, 250],
-  //   [0, 0.5],
-  // ]
-  /* $FlowFixMe(>=0.18.0): `outputRange[0].match()` can return `null`. Need to
-   * guard against this possibility.
-   */
-  const outputRanges = outputRange[0].match(stringShapeRegex).map(() => []);
-  outputRange.forEach(value => {
-    /* $FlowFixMe(>=0.18.0): `value.match()` can return `null`. Need to guard
-     * against this possibility.
-     */
-    value.match(stringShapeRegex).forEach((number, i) => {
-      outputRanges[i].push(+number);
-    });
-  });
-
-  /* $FlowFixMe(>=0.18.0): `outputRange[0].match()` can return `null`. Need to
-   * guard against this possibility.
-   */
-  const interpolations = outputRange[0]
-    .match(stringShapeRegex)
-    .map((value, i) => {
-      return createInterpolation({
-        ...config,
-        outputRange: outputRanges[i],
-      });
-    });
-
-  // rgba requires that the r,g,b are integers.... so we want to round them, but we *dont* want to
-  // round the opacity (4th column).
-  const shouldRound = isRgbOrRgba(outputRange[0]);
-
-  return input => {
-    let i = 0;
-    // 'rgba(0, 100, 200, 0)'
-    // ->
-    // 'rgba(${interpolations[0](input)}, ${interpolations[1](input)}, ...'
-    return outputRange[0].replace(stringShapeRegex, () => {
-      let val = +interpolations[i++](input);
-      if (shouldRound) {
-        val = i < 4 ? Math.round(val) : Math.round(val * 1000) / 1000;
-      }
-      return String(val);
-    });
-  };
-}
-
-function isRgbOrRgba(range) {
-  return typeof range === 'string' && range.startsWith('rgb');
-}
-
-function checkPattern(arr: Array<string>) {
-  const pattern = arr[0].replace(stringShapeRegex, '');
-  for (let i = 1; i < arr.length; ++i) {
-    invariant(
-      pattern === arr[i].replace(stringShapeRegex, ''),
-      'invalid pattern ' + arr[0] + ' and ' + arr[i],
-    );
-  }
-}
-
-function findRange(input: number, inputRange: Array<number>) {
-  let i;
-  for (i = 1; i < inputRange.length - 1; ++i) {
-    if (inputRange[i] >= input) {
-      break;
-    }
-  }
-  return i - 1;
-}
-
-function checkValidInputRange(arr: Array<number>) {
-  invariant(arr.length >= 2, 'inputRange must have at least 2 elements');
-  for (let i = 1; i < arr.length; ++i) {
-    invariant(
-      arr[i] >= arr[i - 1],
-      /* $FlowFixMe(>=0.13.0) - In the addition expression below this comment,
-       * one or both of the operands may be something that doesn't cleanly
-       * convert to a string, like undefined, null, and object, etc. If you really
-       * mean this implicit string conversion, you can do something like
-       * String(myThing)
-       */
-      'inputRange must be monotonically non-decreasing ' + arr,
-    );
-  }
-}
-
-function checkInfiniteRange(name: string, arr: Array<number>) {
-  invariant(arr.length >= 2, name + ' must have at least 2 elements');
-  invariant(
-    arr.length !== 2 || arr[0] !== -Infinity || arr[1] !== Infinity,
-    /* $FlowFixMe(>=0.13.0) - In the addition expression below this comment,
-     * one or both of the operands may be something that doesn't cleanly convert
-     * to a string, like undefined, null, and object, etc. If you really mean
-     * this implicit string conversion, you can do something like
-     * String(myThing)
-     */
-    name + 'cannot be ]-infinity;+infinity[ ' + arr,
-  );
-}
-
-class AnimatedInterpolation extends AnimatedWithChildren {
-  // Export for testing.
-  static __createInterpolation: (
-    config: InterpolationConfigType,
-  ) => (input: number) => number | string = createInterpolation;
-
-  _parent: AnimatedNode;
-  _config: InterpolationConfigType;
-  _interpolation: (input: number) => number | string;
-
-  constructor(parent: AnimatedNode, config: InterpolationConfigType) {
-    super();
-    this._parent = parent;
-    this._config = config;
-    this._interpolation = createInterpolation(config);
-  }
-
-  __makeNative() {
-    this._parent.__makeNative();
-    super.__makeNative();
-  }
-
-  __getValue(): number | string {
-    const parentValue: number = this._parent.__getValue();
-    invariant(
-      typeof parentValue === 'number',
-      'Cannot interpolate an input which is not a number.',
-    );
-    return this._interpolation(parentValue);
-  }
-
-  interpolate(config: InterpolationConfigType): AnimatedInterpolation {
-    return new AnimatedInterpolation(this, config);
-  }
-
-  __attach(): void {
-    this._parent.__addChild(this);
-  }
-
-  __detach(): void {
-    this._parent.__removeChild(this);
-    super.__detach();
-  }
-
-  __transformDataType(range: Array<any>): Array<any> {
-    return range.map(NativeAnimatedHelper.transformDataType);
-  }
-
-  __getNativeConfig(): any {
-    if (__DEV__) {
-      NativeAnimatedHelper.validateInterpolation(this._config);
-    }
-
-    return {
-      inputRange: this._config.inputRange,
-      // Only the `outputRange` can contain strings so we don't need to transform `inputRange` here
-      outputRange: this.__transformDataType(this._config.outputRange),
-      extrapolateLeft:
-        this._config.extrapolateLeft || this._config.extrapolate || 'extend',
-      extrapolateRight:
-        this._config.extrapolateRight || this._config.extrapolate || 'extend',
-      type: 'interpolation',
-    };
-  }
-}
-
-module.exports = AnimatedInterpolation;
diff --git a/packages/react-native-win32/src/Libraries/Components/AccessibilityInfo/AccessibilityInfo.win32.js b/packages/react-native-win32/src/Libraries/Components/AccessibilityInfo/AccessibilityInfo.win32.js
index aed6e3ff734..bae0b208b3f 100644
--- a/packages/react-native-win32/src/Libraries/Components/AccessibilityInfo/AccessibilityInfo.win32.js
+++ b/packages/react-native-win32/src/Libraries/Components/AccessibilityInfo/AccessibilityInfo.win32.js
@@ -39,7 +39,7 @@ const _subscriptions = new Map();
  * well as to register to be notified when the state of the screen reader
  * changes.
  *
- * See http://facebook.github.io/react-native/docs/accessibilityinfo.html
+ * See https://reactnative.dev/docs/accessibilityinfo.html
  */
 
 const AccessibilityInfo = {
@@ -145,7 +145,7 @@ const AccessibilityInfo = {
   /**
    * Set accessibility focus to a react component.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#setaccessibilityfocus
+   * See https://reactnative.dev/docs/accessibilityinfo.html#setaccessibilityfocus
    */
   setAccessibilityFocus: function(reactTag: number): void {
     // [Windows
@@ -159,7 +159,7 @@ const AccessibilityInfo = {
   /**
    * Post a string to be announced by the screen reader.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#announceforaccessibility
+   * See https://reactnative.dev/docs/accessibilityinfo.html#announceforaccessibility
    */
   // [Windows] add reactTag
   announceForAccessibility: function(announcement: string, reactTag?: ?number): void {
diff --git a/packages/react-native-win32/src/Libraries/Components/ScrollView/ScrollView.win32.js b/packages/react-native-win32/src/Libraries/Components/ScrollView/ScrollView.win32.js
deleted file mode 100644
index 5f71d0ee231..00000000000
--- a/packages/react-native-win32/src/Libraries/Components/ScrollView/ScrollView.win32.js
+++ /dev/null
@@ -1,1236 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-const AnimatedImplementation = require('../../Animated/src/AnimatedImplementation');
-const Platform = require('../../Utilities/Platform');
-const React = require('react');
-const ReactNative = require('../../Renderer/shims/ReactNative');
-require('../../Renderer/shims/ReactNative'); // Force side effects to prevent T55744311
-const ScrollResponder = require('../ScrollResponder');
-const ScrollViewStickyHeader = require('./ScrollViewStickyHeader');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const View = require('../View/View');
-
-const dismissKeyboard = require('../../Utilities/dismissKeyboard');
-const flattenStyle = require('../../StyleSheet/flattenStyle');
-const invariant = require('invariant');
-const processDecelerationRate = require('./processDecelerationRate');
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-const resolveAssetSource = require('../../Image/resolveAssetSource');
-const splitLayoutProps = require('../../StyleSheet/splitLayoutProps');
-
-import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
-import type {PointProp} from '../../StyleSheet/PointPropType';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
-import type {
-  PressEvent,
-  ScrollEvent,
-  LayoutEvent,
-} from '../../Types/CoreEventTypes';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {State as ScrollResponderState} from '../ScrollResponder';
-import type {ViewProps} from '../View/ViewPropTypes';
-import type {Props as ScrollViewStickyHeaderProps} from './ScrollViewStickyHeader';
-
-import ScrollViewNativeComponent from './ScrollViewNativeComponent';
-import ScrollContentViewNativeComponent from './ScrollContentViewNativeComponent';
-import AndroidHorizontalScrollViewNativeComponent from './AndroidHorizontalScrollViewNativeComponent';
-import AndroidHorizontalScrollContentViewNativeComponent from './AndroidHorizontalScrollContentViewNativeComponent';
-
-let AndroidScrollView;
-let AndroidHorizontalScrollContentView;
-let AndroidHorizontalScrollView;
-let RCTScrollView;
-let RCTScrollContentView;
-
-if (Platform.OS === 'android') {
-  AndroidScrollView = ScrollViewNativeComponent;
-  AndroidHorizontalScrollView = AndroidHorizontalScrollViewNativeComponent;
-  AndroidHorizontalScrollContentView = AndroidHorizontalScrollContentViewNativeComponent;
-} else { // [Windows] Remove iOS check
-  RCTScrollView = ScrollViewNativeComponent;
-  RCTScrollContentView = ScrollContentViewNativeComponent;
-}
-
-export type ScrollResponderType = {
-  // We'd like to do ...ScrollView here, however Flow doesn't seem
-  // to see the imperative methods of ScrollView that way. Workaround the
-  // issue by specifying them manually.
-  getScrollableNode: $PropertyType<ScrollView, 'getScrollableNode'>,
-  getInnerViewNode: $PropertyType<ScrollView, 'getInnerViewNode'>,
-  getInnerViewRef: $PropertyType<ScrollView, 'getInnerViewRef'>,
-  getNativeScrollRef: $PropertyType<ScrollView, 'getNativeScrollRef'>,
-  setNativeProps: $PropertyType<ScrollView, 'setNativeProps'>,
-  scrollTo: $PropertyType<ScrollView, 'scrollTo'>,
-  flashScrollIndicators: $PropertyType<ScrollView, 'flashScrollIndicators'>,
-  ...typeof ScrollResponder.Mixin,
-  ...
-};
-
-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,
-  /**
-   * By default, ScrollView has an active pan responder that hijacks panresponders
-   * deeper in the render tree in order to prevent accidental touches while scrolling.
-   * However, in certain occasions (such as when using snapToInterval) in a vertical scrollview
-   * You may want to disable this behavior in order to prevent the ScrollView from blocking touches
-   */
-  disableScrollViewPanResponder?: ?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,
-  /**
-   * 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.
-   *
-   * Values between 0 and 17ms indicate 60fps updates are needed and throttling
-   * will be disabled.
-   *
-   * 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 can be programmatically scrolled beyond its
-   * content size. The default value is false.
-   * @platform ios
-   */
-  scrollToOverflowEnabled?: ?boolean,
-  /**
-   * When true, the scroll view scrolls to top when the status bar is tapped.
-   * The default value is true.
-   * @platform ios
-   */
-  scrollsToTop?: ?boolean,
-  /**
-   * Fires when the scroll view scrolls to top after the status bar has been tapped
-   * @platform ios
-   */
-  onScrollToTop?: (event: ScrollEvent) => void,
-  /**
-   * 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'),
-  /**
-   * Causes the scrollbars not to turn transparent when they are not in use.
-   * The default value is false.
-   *
-   * @platform android
-   */
-  persistentScrollbar?: ?boolean,
-  /**
-   * Fades out the edges of the the scroll content.
-   *
-   * If the value is greater than 0, the fading edges will be set accordingly
-   * to the current scroll direction and position,
-   * indicating if there is more content to show.
-   *
-   * The default value is 0.
-   *
-   * @platform android
-   */
-  fadingEdgeLength?: ?number,
-|}>;
-
-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'
-|}>;
-
-type StickyHeaderComponentType = React.AbstractComponent<
-  ScrollViewStickyHeaderProps,
-  $ReadOnly<{setNextHeaderY: number => void, ...}>,
->;
-
-export type Props = $ReadOnly<{|
-  ...ViewProps,
-  ...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 stops on the next index (in relation to scroll
-   * position at release) regardless of how fast the gesture is. This can be
-   * used for horizontal pagination when the page is less than the width of
-   * the ScrollView. The default value is false.
-   */
-  disableIntervalMomentum?: ?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 on iOS, 0.985 on Android (the default)
-   *   - `'fast'`: 0.99 on iOS, 0.9 on Android
-   */
-  decelerationRate?: ?('fast' | 'normal' | 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?: ?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?: ?// default
-  (| 'none' // cross-platform
-    | 'on-drag'
-    | '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?: ?('always' | 'never' | 'handled' | true | false),
-  /**
-   * Called when the momentum scroll starts (scroll which occurs as the ScrollView glides to a stop).
-   */
-  onMomentumScrollBegin?: ?(event: ScrollEvent) => void,
-  /**
-   * Called when the momentum scroll ends (scroll which occurs as the ScrollView glides to a stop).
-   */
-  onMomentumScrollEnd?: ?(event: ScrollEvent) => void,
-
-  /**
-   * Fires at most once per frame during scrolling. The frequency of the
-   * events can be controlled using the `scrollEventThrottle` prop.
-   */
-  onScroll?: ?(event: ScrollEvent) => void,
-  /**
-   * Called when the user begins to drag the scroll view.
-   */
-  onScrollBeginDrag?: ?(event: ScrollEvent) => void,
-  /**
-   * Called when the user stops dragging the scroll view and it either stops
-   * or begins to glide.
-   */
-  onScrollEndDrag?: ?(event: ScrollEvent) => void,
-  /**
-   * 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?: (contentWidth: number, contentHeight: number) => void,
-  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>,
-  /**
-   * A React Component that will be used to render sticky headers.
-   * To be used together with `stickyHeaderIndices` or with `SectionList`, defaults to `ScrollViewStickyHeader`.
-   * You may need to set this if your sticky header uses custom transforms (eg. translation),
-   * for example when you want your list to have an animated hidable header.
-   */
-  StickyHeaderComponent?: StickyHeaderComponentType,
-  /**
-   * 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"`.
-   *
-   * Overrides less configurable `pagingEnabled` prop.
-   */
-  snapToInterval?: ?number,
-  /**
-   * When set, causes the scroll view to stop at the defined offsets.
-   * This can be used for paginating through variously sized children
-   * that have lengths smaller than the scroll view. Typically used in
-   * combination with `decelerationRate="fast"`.
-   *
-   * Overrides less configurable `pagingEnabled` and `snapToInterval` props.
-   */
-  snapToOffsets?: ?$ReadOnlyArray<number>,
-  /**
-   * Use in conjunction with `snapToOffsets`. By default, the beginning
-   * of the list counts as a snap offset. Set `snapToStart` to false to disable
-   * this behavior and allow the list to scroll freely between its start and
-   * the first `snapToOffsets` offset.
-   * The default value is true.
-   */
-  snapToStart?: ?boolean,
-  /**
-   * Use in conjunction with `snapToOffsets`. By default, the end
-   * of the list counts as a snap offset. Set `snapToEnd` to false to disable
-   * this behavior and allow the list to scroll freely between its end and
-   * the last `snapToOffsets` offset.
-   * The default value is true.
-   */
-  snapToEnd?: ?boolean,
-  /**
-   * 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).
-   */
-  // $FlowFixMe - how to handle generic type without existential operator?
-  refreshControl?: ?React.Element<any>,
-  children?: React.Node,
-|}>;
-
-type State = {|
-  layoutHeight: ?number,
-  ...ScrollResponderState,
-|};
-
-function createScrollResponder(
-  node: React.ElementRef<typeof ScrollView>,
-): typeof ScrollResponder.Mixin {
-  const scrollResponder = {...ScrollResponder.Mixin};
-
-  for (const key in scrollResponder) {
-    if (typeof scrollResponder[key] === 'function') {
-      scrollResponder[key] = scrollResponder[key].bind(node);
-    }
-  }
-
-  return scrollResponder;
-}
-
-type ContextType = {|horizontal: boolean|} | null;
-const Context = React.createContext<ContextType>(null);
-const standardHorizontalContext: ContextType = Object.freeze({
-  horizontal: true,
-});
-const standardVerticalContext: ContextType = Object.freeze({horizontal: false});
-
-/**
- * Component that wraps platform ScrollView while providing
- * integration with touch locking "responder" system.
- *
- * Keep in mind that ScrollViews must have a bounded height in order to work,
- * since they contain unbounded-height children into a bounded container (via
- * a scroll interaction). In order to bound the height of a ScrollView, either
- * set the height of the view directly (discouraged) or make sure all parent
- * views have bounded height. Forgetting to transfer `{flex: 1}` down the
- * view stack can lead to errors here, which the element inspector makes
- * easy to debug.
- *
- * Doesn't yet support other contained responders from blocking this scroll
- * view from becoming the responder.
- *
- *
- * `<ScrollView>` vs [`<FlatList>`](/react-native/docs/flatlist.html) - which one to use?
- *
- * `ScrollView` simply renders all its react child components at once. That
- * makes it very easy to understand and use.
- *
- * On the other hand, this has a performance downside. Imagine you have a very
- * long list of items you want to display, maybe several screens worth of
- * content. Creating JS components and native views for everything all at once,
- * much of which may not even be shown, will contribute to slow rendering and
- * increased memory usage.
- *
- * This is where `FlatList` comes into play. `FlatList` renders items lazily,
- * just when they are about to appear, and removes items that scroll way off
- * screen to save memory and processing time.
- *
- * `FlatList` is also handy if you want to render separators between your items,
- * multiple columns, infinite scroll loading, or any number of other features it
- * supports out of the box.
- */
-class ScrollView extends React.Component<Props, State> {
-  static Context: React$Context<ContextType> = Context;
-  /**
-   * Part 1: Removing ScrollResponder.Mixin:
-   *
-   * 1. Mixin methods should be flow typed. That's why we create a
-   *    copy of ScrollResponder.Mixin and attach it to this._scrollResponder.
-   *    Otherwise, we'd have to manually declare each method on the component
-   *    class and assign it a flow type.
-   * 2. Mixin methods can call component methods, and access the component's
-   *    props and state. So, we need to bind all mixin methods to the
-   *    component instance.
-   * 3. Continued...
-   */
-  _scrollResponder: typeof ScrollResponder.Mixin = createScrollResponder(this);
-
-  constructor(props: Props) {
-    super(props);
-
-    /**
-     * Part 2: Removing ScrollResponder.Mixin
-     *
-     * 3. Mixin methods access other mixin methods via dynamic dispatch using
-     *    this. Since mixin methods are bound to the component instance, we need
-     *    to copy all mixin methods to the component instance. This is also
-     *    necessary because getScrollResponder() is a public method that returns
-     *    an object that can be used to execute all scrollResponder methods.
-     *    Since the object returned from that method is the ScrollView instance,
-     *    we need to bind all mixin methods to the ScrollView instance.
-     */
-    for (const key in ScrollResponder.Mixin) {
-      if (
-        typeof ScrollResponder.Mixin[key] === 'function' &&
-        key.startsWith('scrollResponder')
-      ) {
-        // $FlowFixMe - dynamically adding properties to a class
-        (this: any)[key] = ScrollResponder.Mixin[key].bind(this);
-      }
-    }
-
-    /**
-     * Part 3: Removing ScrollResponder.Mixin
-     *
-     * 4. Mixins can initialize properties and use properties on the component
-     *    instance.
-     */
-    Object.keys(ScrollResponder.Mixin)
-      .filter(key => typeof ScrollResponder.Mixin[key] !== 'function')
-      .forEach(key => {
-        // $FlowFixMe - dynamically adding properties to a class
-        (this: any)[key] = ScrollResponder.Mixin[key];
-      });
-  }
-
-  _scrollAnimatedValue: AnimatedImplementation.Value = new AnimatedImplementation.Value(
-    0,
-  );
-  _scrollAnimatedValueAttachment: ?{detach: () => void, ...} = null;
-  _stickyHeaderRefs: Map<
-    string,
-    React.ElementRef<StickyHeaderComponentType>,
-  > = new Map();
-  _headerLayoutYs: Map<string, number> = new Map();
-
-  state: State = {
-    layoutHeight: null,
-    ...ScrollResponder.Mixin.scrollResponderMixinGetInitialState(),
-  };
-
-  UNSAFE_componentWillMount() {
-    this._scrollResponder.UNSAFE_componentWillMount();
-    this._scrollAnimatedValue = new AnimatedImplementation.Value(
-      this.props.contentOffset ? this.props.contentOffset.y : 0,
-    );
-    this._scrollAnimatedValue.setOffset(
-      this.props.contentInset ? this.props.contentInset.top || 0 : 0,
-    );
-    this._stickyHeaderRefs = new Map();
-    this._headerLayoutYs = new Map();
-  }
-
-  UNSAFE_componentWillReceiveProps(nextProps: Props) {
-    const currentContentInsetTop = this.props.contentInset
-      ? this.props.contentInset.top
-      : 0;
-    const nextContentInsetTop = nextProps.contentInset
-      ? nextProps.contentInset.top
-      : 0;
-    if (currentContentInsetTop !== nextContentInsetTop) {
-      this._scrollAnimatedValue.setOffset(nextContentInsetTop || 0);
-    }
-  }
-
-  componentDidMount() {
-    this._updateAnimatedNodeAttachment();
-  }
-
-  componentDidUpdate() {
-    this._updateAnimatedNodeAttachment();
-  }
-
-  componentWillUnmount() {
-    this._scrollResponder.componentWillUnmount();
-    if (this._scrollAnimatedValueAttachment) {
-      this._scrollAnimatedValueAttachment.detach();
-    }
-  }
-
-  setNativeProps(props: {[key: string]: mixed, ...}) {
-    this._scrollViewRef && this._scrollViewRef.setNativeProps(props);
-  }
-
-  /**
-   * Returns a reference to the underlying scroll responder, which supports
-   * operations like `scrollTo`. All ScrollView-like components should
-   * implement this method so that they can be composed while providing access
-   * to the underlying scroll responder's methods.
-   */
-  getScrollResponder(): ScrollResponderType {
-    // $FlowFixMe - overriding type to include ScrollResponder.Mixin
-    return ((this: any): ScrollResponderType);
-  }
-
-  getScrollableNode(): ?number {
-    return ReactNative.findNodeHandle(this._scrollViewRef);
-  }
-
-  getInnerViewNode(): ?number {
-    return ReactNative.findNodeHandle(this._innerViewRef);
-  }
-
-  getInnerViewRef(): ?React.ElementRef<HostComponent<mixed>> {
-    return this._innerViewRef;
-  }
-
-  getNativeScrollRef(): ?React.ElementRef<HostComponent<mixed>> {
-    return this._scrollViewRef;
-  }
-
-  /**
-   * Scrolls to a given x, y offset, either immediately or with a smooth animation.
-   *
-   * Example:
-   *
-   * `scrollTo({x: 0, y: 0, animated: true})`
-   *
-   * Note: The weird function signature is due to the fact that, for historical reasons,
-   * the function also accepts separate arguments as an alternative to the options object.
-   * This is deprecated due to ambiguity (y before x), and SHOULD NOT BE USED.
-   */
-  scrollTo(
-    options?:
-      | {
-          x?: number,
-          y?: number,
-          animated?: boolean,
-          ...
-        }
-      | number,
-    deprecatedX?: number,
-    deprecatedAnimated?: boolean,
-  ) {
-    let x, y, animated;
-    if (typeof options === 'number') {
-      console.warn(
-        '`scrollTo(y, x, animated)` is deprecated. Use `scrollTo({x: 5, y: 5, ' +
-          'animated: true})` instead.',
-      );
-      y = options;
-      x = deprecatedX;
-      animated = deprecatedAnimated;
-    } else if (options) {
-      y = options.y;
-      x = options.x;
-      animated = options.animated;
-    }
-    this._scrollResponder.scrollResponderScrollTo({
-      x: x || 0,
-      y: y || 0,
-      animated: animated !== false,
-    });
-  }
-
-  /**
-   * If this is a vertical ScrollView scrolls to the bottom.
-   * If this is a horizontal ScrollView scrolls to the right.
-   *
-   * Use `scrollToEnd({animated: true})` for smooth animated scrolling,
-   * `scrollToEnd({animated: false})` for immediate scrolling.
-   * If no options are passed, `animated` defaults to true.
-   */
-  scrollToEnd(options?: ?{animated?: boolean, ...}) {
-    // Default to true
-    const animated = (options && options.animated) !== false;
-    this._scrollResponder.scrollResponderScrollToEnd({
-      animated: animated,
-    });
-  }
-
-  /**
-   * Displays the scroll indicators momentarily.
-   *
-   * @platform ios
-   */
-  flashScrollIndicators() {
-    this._scrollResponder.scrollResponderFlashScrollIndicators();
-  }
-
-  _getKeyForIndex(index, childArray) {
-    const child = childArray[index];
-    return child && child.key;
-  }
-
-  _updateAnimatedNodeAttachment() {
-    if (this._scrollAnimatedValueAttachment) {
-      this._scrollAnimatedValueAttachment.detach();
-    }
-    if (
-      this.props.stickyHeaderIndices &&
-      this.props.stickyHeaderIndices.length > 0
-    ) {
-      this._scrollAnimatedValueAttachment = AnimatedImplementation.attachNativeEvent(
-        this._scrollViewRef,
-        'onScroll',
-        [{nativeEvent: {contentOffset: {y: this._scrollAnimatedValue}}}],
-      );
-    }
-  }
-
-  _setStickyHeaderRef(
-    key: string,
-    ref: ?React.ElementRef<StickyHeaderComponentType>,
-  ) {
-    if (ref) {
-      this._stickyHeaderRefs.set(key, ref);
-    } else {
-      this._stickyHeaderRefs.delete(key);
-    }
-  }
-
-  _onStickyHeaderLayout(index, event, key) {
-    const {stickyHeaderIndices} = this.props;
-    if (!stickyHeaderIndices) {
-      return;
-    }
-    const childArray = React.Children.toArray(this.props.children);
-    if (key !== this._getKeyForIndex(index, childArray)) {
-      // ignore stale layout update
-      return;
-    }
-
-    const layoutY = event.nativeEvent.layout.y;
-    this._headerLayoutYs.set(key, layoutY);
-
-    const indexOfIndex = stickyHeaderIndices.indexOf(index);
-    const previousHeaderIndex = stickyHeaderIndices[indexOfIndex - 1];
-    if (previousHeaderIndex != null) {
-      const previousHeader = this._stickyHeaderRefs.get(
-        this._getKeyForIndex(previousHeaderIndex, childArray),
-      );
-      previousHeader &&
-        previousHeader.setNextHeaderY &&
-        previousHeader.setNextHeaderY(layoutY);
-    }
-  }
-
-  _handleScroll = (e: ScrollEvent) => {
-    if (__DEV__) {
-      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.',
-        );
-      }
-    }
-    if (Platform.OS === 'android') {
-      if (
-        this.props.keyboardDismissMode === 'on-drag' &&
-        this.state.isTouching
-      ) {
-        dismissKeyboard();
-      }
-    }
-    this._scrollResponder.scrollResponderHandleScroll(e);
-  };
-
-  _handleLayout = (e: LayoutEvent) => {
-    if (this.props.invertStickyHeaders === true) {
-      this.setState({layoutHeight: e.nativeEvent.layout.height});
-    }
-    if (this.props.onLayout) {
-      this.props.onLayout(e);
-    }
-  };
-
-  _handleContentOnLayout = (e: LayoutEvent) => {
-    const {width, height} = e.nativeEvent.layout;
-    this.props.onContentSizeChange &&
-      this.props.onContentSizeChange(width, height);
-  };
-
-  _scrollViewRef: ?React.ElementRef<HostComponent<mixed>> = null;
-  _setScrollViewRef = (ref: ?React.ElementRef<HostComponent<mixed>>) => {
-    this._scrollViewRef = ref;
-  };
-
-  _innerViewRef: ?React.ElementRef<HostComponent<mixed>> = null;
-  _setInnerViewRef = (ref: ?React.ElementRef<HostComponent<mixed>>) => {
-    this._innerViewRef = ref;
-  };
-
-  render(): React.Node | React.Element<string> {
-    let ScrollViewClass;
-    let ScrollContentContainerViewClass;
-    if (Platform.OS === 'android') {
-      if (this.props.horizontal === true) {
-        ScrollViewClass = AndroidHorizontalScrollView;
-        ScrollContentContainerViewClass = AndroidHorizontalScrollContentView;
-      } else {
-        ScrollViewClass = AndroidScrollView;
-        ScrollContentContainerViewClass = View;
-      }
-    } else {
-      ScrollViewClass = RCTScrollView;
-      ScrollContentContainerViewClass = RCTScrollContentView;
-    }
-
-    invariant(
-      ScrollViewClass !== undefined,
-      'ScrollViewClass must not be undefined',
-    );
-
-    invariant(
-      ScrollContentContainerViewClass !== undefined,
-      'ScrollContentContainerViewClass must not be undefined',
-    );
-
-    const contentContainerStyle = [
-      this.props.horizontal === true && styles.contentContainerHorizontal,
-      this.props.contentContainerStyle,
-    ];
-    if (__DEV__ && this.props.style !== 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.',
-      );
-    }
-
-    let contentSizeChangeProps = {};
-    if (this.props.onContentSizeChange) {
-      contentSizeChangeProps = {
-        onLayout: this._handleContentOnLayout,
-      };
-    }
-
-    const {stickyHeaderIndices} = this.props;
-    let children = this.props.children;
-
-    if (stickyHeaderIndices != null && stickyHeaderIndices.length > 0) {
-      const childArray = React.Children.toArray(this.props.children);
-
-      children = childArray.map((child, index) => {
-        const indexOfIndex = child ? stickyHeaderIndices.indexOf(index) : -1;
-        if (indexOfIndex > -1) {
-          const key = child.key;
-          const nextIndex = stickyHeaderIndices[indexOfIndex + 1];
-          const StickyHeaderComponent =
-            this.props.StickyHeaderComponent || ScrollViewStickyHeader;
-          return (
-            <StickyHeaderComponent
-              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}
-            </StickyHeaderComponent>
-          );
-        } else {
-          return child;
-        }
-      });
-    }
-    children = (
-      <Context.Provider
-        value={
-          this.props.horizontal === true
-            ? standardHorizontalContext
-            : standardVerticalContext
-        }>
-        {children}
-      </Context.Provider>
-    );
-
-    const hasStickyHeaders =
-      Array.isArray(stickyHeaderIndices) && stickyHeaderIndices.length > 0;
-
-    const contentContainer = (
-      /* $FlowFixMe(>=0.112.0 site=react_native_fb) This comment suppresses an
-       * error found when Flow v0.112 was deployed. To see the error, delete
-       * this comment and run Flow. */
-      <ScrollContentContainerViewClass
-        {...contentSizeChangeProps}
-        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
-        }
-        collapsable={false}>
-        {children}
-      </ScrollContentContainerViewClass>
-    );
-
-    const alwaysBounceHorizontal =
-      this.props.alwaysBounceHorizontal !== undefined
-        ? this.props.alwaysBounceHorizontal
-        : this.props.horizontal;
-
-    const alwaysBounceVertical =
-      this.props.alwaysBounceVertical !== undefined
-        ? this.props.alwaysBounceVertical
-        : !this.props.horizontal;
-
-    const DEPRECATED_sendUpdatedChildFrames = !!this.props
-      .DEPRECATED_sendUpdatedChildFrames;
-
-    const baseStyle =
-      this.props.horizontal === true
-        ? styles.baseHorizontal
-        : styles.baseVertical;
-    const props = {
-      ...this.props,
-      alwaysBounceHorizontal,
-      alwaysBounceVertical,
-      style: [baseStyle, this.props.style],
-      // Override the onContentSizeChange from props, since this event can
-      // bubble up from TextInputs
-      onContentSizeChange: null,
-      onLayout: this._handleLayout,
-      onMomentumScrollBegin: this._scrollResponder
-        .scrollResponderHandleMomentumScrollBegin,
-      onMomentumScrollEnd: this._scrollResponder
-        .scrollResponderHandleMomentumScrollEnd,
-      onResponderGrant: this._scrollResponder
-        .scrollResponderHandleResponderGrant,
-      onResponderReject: this._scrollResponder
-        .scrollResponderHandleResponderReject,
-      onResponderRelease: this._scrollResponder
-        .scrollResponderHandleResponderRelease,
-      onResponderTerminationRequest: this._scrollResponder
-        .scrollResponderHandleTerminationRequest,
-      onScrollBeginDrag: this._scrollResponder
-        .scrollResponderHandleScrollBeginDrag,
-      onScrollEndDrag: this._scrollResponder.scrollResponderHandleScrollEndDrag,
-      onScrollShouldSetResponder: this._scrollResponder
-        .scrollResponderHandleScrollShouldSetResponder,
-      onStartShouldSetResponder: this._scrollResponder
-        .scrollResponderHandleStartShouldSetResponder,
-      onStartShouldSetResponderCapture: this._scrollResponder
-        .scrollResponderHandleStartShouldSetResponderCapture,
-      onTouchEnd: this._scrollResponder.scrollResponderHandleTouchEnd,
-      onTouchMove: this._scrollResponder.scrollResponderHandleTouchMove,
-      onTouchStart: this._scrollResponder.scrollResponderHandleTouchStart,
-      onTouchCancel: this._scrollResponder.scrollResponderHandleTouchCancel,
-      onScroll: this._handleScroll,
-      scrollBarThumbImage: resolveAssetSource(this.props.scrollBarThumbImage),
-      scrollEventThrottle: hasStickyHeaders
-        ? 1
-        : this.props.scrollEventThrottle,
-      sendMomentumEvents:
-        this.props.onMomentumScrollBegin || this.props.onMomentumScrollEnd
-          ? true
-          : false,
-      DEPRECATED_sendUpdatedChildFrames,
-      // default to true
-      snapToStart: this.props.snapToStart !== false,
-      // default to true
-      snapToEnd: this.props.snapToEnd !== false,
-      // pagingEnabled is overridden by snapToInterval / snapToOffsets
-      pagingEnabled: Platform.select({
-        // on iOS, pagingEnabled must be set to false to have snapToInterval / snapToOffsets work
-        ios:
-          this.props.pagingEnabled === true &&
-          this.props.snapToInterval == null &&
-          this.props.snapToOffsets == null,
-        // on Android, pagingEnabled must be set to true to have snapToInterval / snapToOffsets work
-        android:
-          this.props.pagingEnabled === true ||
-          this.props.snapToInterval != null ||
-          this.props.snapToOffsets != null,
-        // on Windows, pagingEnabled must be set to false to have snapToInterval / snapToOffsets work
-        windows:
-          this.props.pagingEnabled === true &&
-          this.props.snapToInterval == null &&
-          this.props.snapToOffsets == null,
-      }),
-    };
-
-    const {decelerationRate} = this.props;
-    if (decelerationRate != null) {
-      props.decelerationRate = processDecelerationRate(decelerationRate);
-    }
-
-    const refreshControl = this.props.refreshControl;
-
-    if (refreshControl) {
-      if (Platform.OS === 'ios') {
-        // On iOS the RefreshControl is a child of the ScrollView.
-        // tvOS lacks native support for RefreshControl, so don't include it in that case
-        return (
-          <ScrollViewClass {...props} ref={this._setScrollViewRef}>
-            {Platform.isTV ? null : refreshControl}
-            {contentContainer}
-          </ScrollViewClass>
-        );
-      } else if (Platform.OS === 'android') {
-        // On Android wrap the ScrollView with a AndroidSwipeRefreshLayout.
-        // Since the ScrollView is wrapped add the style props to the
-        // AndroidSwipeRefreshLayout and use flex: 1 for the ScrollView.
-        // Note: we should split props.style on the inner and outer props
-        // however, the ScrollView still needs the baseStyle to be scrollable
-        const {outer, inner} = splitLayoutProps(flattenStyle(props.style));
-        return React.cloneElement(
-          refreshControl,
-          {style: [baseStyle, outer]},
-          <ScrollViewClass
-            {...props}
-            style={[baseStyle, inner]}
-            ref={this._setScrollViewRef}>
-            {contentContainer}
-          </ScrollViewClass>,
-        );
-      } else if (Platform.OS === 'windows') {
-        const {outer, inner} = splitLayoutProps(flattenStyle(props.style));
-        return React.cloneElement(
-          refreshControl,
-          {style: [baseStyle, outer]},
-          <ScrollViewClass
-            {...props}
-            style={[baseStyle, inner]}
-            // $FlowFixMe
-            ref={this._setScrollViewRef}>
-            {contentContainer}
-          </ScrollViewClass>,
-        );
-      }
-    }
-    return (
-      <ScrollViewClass {...props} ref={this._setScrollViewRef}>
-        {contentContainer}
-      </ScrollViewClass>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  baseVertical: {
-    flexGrow: 1,
-    flexShrink: 1,
-    flexDirection: 'column',
-    overflow: 'scroll',
-  },
-  baseHorizontal: {
-    flexGrow: 1,
-    flexShrink: 1,
-    flexDirection: 'row',
-    overflow: 'scroll',
-  },
-  contentContainerHorizontal: {
-    flexDirection: 'row',
-  },
-});
-
-module.exports = ScrollView;
diff --git a/packages/react-native-win32/src/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.win32.js b/packages/react-native-win32/src/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.win32.js
deleted file mode 100644
index d6c5ae97b06..00000000000
--- a/packages/react-native-win32/src/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.win32.js
+++ /dev/null
@@ -1,56 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-import type {TurboModule} from '../../TurboModule/RCTExport';
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // [Win32]
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {|
-    +HEIGHT: number,
-    +DEFAULT_BACKGROUND_COLOR: number,
-  |};
-  // [Win32 Allow NativeOrDynamicColorType to make Flow happy (this will never be called)
-  +setColor: (
-    color: number | NativeOrDynamicColorType,
-    animated: boolean,
-  ) => void;
-  // Win32]
-  +setTranslucent: (translucent: boolean) => void;
-
-  /**
-   *  - statusBarStyles can be:
-   *    - 'default'
-   *    - 'dark-content'
-   */
-  +setStyle: (statusBarStyle?: ?string) => void;
-  +setHidden: (hidden: boolean) => void;
-}
-
-// [Win32 Change from getEnforcing to get and provide a stub (See #4363). This
-// can be removed once devmain integrates with 0.62 native bits.
-let NativeStausBarManager = TurboModuleRegistry.get<Spec>('StatusBarManager');
-if (!NativeStausBarManager) {
-  NativeStausBarManager = {
-    getConstants: () => ({HEIGHT: 0, DEFAULT_BACKGROUND_COLOR: 0}),
-    setColor: (
-      color: number | NativeOrDynamicColorType,
-      animated: boolean,
-    ) => {},
-    setTranslucent: (translucent: boolean) => {},
-    setStyle: (statusBarStyle?: ?string) => {},
-    setHidden: (hidden: boolean) => {},
-  };
-}
-
-export default (NativeStausBarManager: Spec);
-// Win32]
diff --git a/packages/react-native-win32/src/Libraries/Components/StatusBar/NativeStatusBarManagerIOS.win32.js b/packages/react-native-win32/src/Libraries/Components/StatusBar/NativeStatusBarManagerIOS.win32.js
deleted file mode 100644
index d298cae8d71..00000000000
--- a/packages/react-native-win32/src/Libraries/Components/StatusBar/NativeStatusBarManagerIOS.win32.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-import type {TurboModule} from '../../TurboModule/RCTExport';
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {|
-    +HEIGHT: number,
-    +DEFAULT_BACKGROUND_COLOR?: number,
-  |};
-
-  // TODO(T47754272) Can we remove this method?
-  +getHeight: (callback: (result: {|height: number|}) => void) => void;
-  +setNetworkActivityIndicatorVisible: (visible: boolean) => void;
-  +addListener: (eventType: string) => void;
-  +removeListeners: (count: number) => void;
-
-  /**
-   *  - statusBarStyles can be:
-   *    - 'default'
-   *    - 'dark-content'
-   *    - 'light-content'
-   */
-  +setStyle: (statusBarStyle?: ?string, animated: boolean) => void;
-  /**
-   *  - withAnimation can be: 'none' | 'fade' | 'slide'
-   */
-  +setHidden: (hidden: boolean, withAnimation: string) => void;
-}
-
-// [Win32 Do not enforce native module is present
-export default (TurboModuleRegistry.get<Spec>(
-  'StatusBarManager',
-): ?Spec);
-// Win32]
diff --git a/packages/react-native-win32/src/Libraries/Components/TextInput/TextInput.win32.tsx b/packages/react-native-win32/src/Libraries/Components/TextInput/TextInput.win32.tsx
index 39594d5c9cd..5f48813a584 100644
--- a/packages/react-native-win32/src/Libraries/Components/TextInput/TextInput.win32.tsx
+++ b/packages/react-native-win32/src/Libraries/Components/TextInput/TextInput.win32.tsx
@@ -75,10 +75,7 @@ class TextInput extends React.Component<TextInputProps, {}> {
   public componentDidMount() {
     this._lastNativeText = this.props.value;
 
-    const tag = findNodeHandle(this);
-    if (tag !== null) {
-      TextInputState.registerInput(tag);
-    }
+    TextInputState.registerInput(this);
 
     if (this.props.autoFocus) {
       this._rafID = requestAnimationFrame(this.focus);
@@ -109,10 +106,7 @@ class TextInput extends React.Component<TextInputProps, {}> {
     }
 
     // unregister
-    const tag = findNodeHandle(this);
-    if (tag !== null) {
-      TextInputState.unregisterInput(tag);
-    }
+    TextInputState.unregisterInput(this);
 
     // cancel animationFrame
     if (this._rafID !== null) {
@@ -151,14 +145,14 @@ class TextInput extends React.Component<TextInputProps, {}> {
    * Returns true if the TextInput is focused
    */
   public isFocused(): boolean {
-    return TextInputState.currentlyFocusedField() === findNodeHandle(this);
+    return TextInputState.currentlyFocusedInput() === this;
   }
 
   /**
    * Focuses the TextInput
    */
   public focus = (): void => {
-    TextInputState.setFocusedTextInput(findNodeHandle(this));
+    TextInputState.setFocusedTextInput(this);
     NativeModules.UIManager.
       dispatchViewManagerCommand(findNodeHandle(this), TextInputViewManager.Commands.focus, null);
   }
@@ -167,7 +161,7 @@ class TextInput extends React.Component<TextInputProps, {}> {
    * Blurs the TextInput
    */
   public blur = (): void => {
-    TextInputState.blurTextInput(findNodeHandle(this));
+    TextInputState.blurTextInput(this);
     NativeModules.UIManager.
       dispatchViewManagerCommand(findNodeHandle(this), TextInputViewManager.Commands.blur, null);
   }
diff --git a/packages/react-native-win32/src/Libraries/Components/TextInput/TextInputState.win32.js b/packages/react-native-win32/src/Libraries/Components/TextInput/TextInputState.win32.js
index 97c6ead360d..23b847314f4 100644
--- a/packages/react-native-win32/src/Libraries/Components/TextInput/TextInputState.win32.js
+++ b/packages/react-native-win32/src/Libraries/Components/TextInput/TextInputState.win32.js
@@ -14,30 +14,63 @@
 
 'use strict';
 
+const React = require('react');
 const Platform = require('../../Utilities/Platform');
-const UIManager = require('../../ReactNative/UIManager');
+const {findNodeHandle} = require('../../Renderer/shims/ReactNative');
+import {Commands as AndroidTextInputCommands} from '../../Components/TextInput/AndroidTextInputNativeComponent';
+import {Commands as iOSTextInputCommands} from '../../Components/TextInput/RCTSingelineTextInputNativeComponent';
 
-let currentlyFocusedID: ?number = null;
+import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import {UIManager} from 'react-native';
+type ComponentRef = React.ElementRef<HostComponent<mixed>>;
+
+let currentlyFocusedInputRef: ?ComponentRef = null;
 const inputs = new Set();
 
+function currentlyFocusedInput(): ?ComponentRef {
+  return currentlyFocusedInputRef;
+}
+
 /**
  * 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;
+  if (__DEV__) {
+    console.error(
+      'currentlyFocusedField is deprecated and will be removed in a future release. Use currentlyFocusedInput',
+    );
+  }
+
+  return findNodeHandle(currentlyFocusedInputRef);
+}
+
+function focusInput(textField: ?ComponentRef): void {
+  if (currentlyFocusedInputRef !== textField && textField != null) {
+    currentlyFocusedInputRef = textField;
+  }
+}
+
+function blurInput(textField: ?ComponentRef): void {
+  if (currentlyFocusedInputRef === textField && textField != null) {
+    currentlyFocusedInputRef = null;
+  }
 }
 
 function focusField(textFieldID: ?number): void {
-  if (currentlyFocusedID !== textFieldID && textFieldID != null) {
-    currentlyFocusedID = textFieldID;
+  if (__DEV__) {
+    console.error('focusField no longer works. Use focusInput');
   }
+
+  return;
 }
 
 function blurField(textFieldID: ?number) {
-  if (currentlyFocusedID === textFieldID && textFieldID != null) {
-    currentlyFocusedID = null;
+  if (__DEV__) {
+    console.error('blurField no longer works. Use blurInput');
   }
+
+  return;
 }
 
 /**
@@ -45,21 +78,34 @@ function blurField(textFieldID: ?number) {
  * Focuses the specified text field
  * noop if the text field was already focused
  */
-function focusTextInput(textFieldID: ?number) {
-  if (currentlyFocusedID !== textFieldID && textFieldID != null) {
-    focusField(textFieldID);
-    // [Windows
-    if (Platform.OS === 'ios' || Platform.OS === 'win32') {
-      // Windows]
-      UIManager.focus(textFieldID);
-    } else if (Platform.OS === 'android') {
-      UIManager.dispatchViewManagerCommand(
-        textFieldID,
-        UIManager.getViewManagerConfig('AndroidTextInput').Commands
-          .focusTextInput,
-        null,
+function focusTextInput(textField: ?ComponentRef) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'focusTextInput must be called with a host component. Passing a react tag is deprecated.',
       );
     }
+
+    return;
+  }
+
+  if (currentlyFocusedInputRef !== textField && textField != null) {
+    focusInput(textField);
+    if (Platform.OS === 'ios') {
+      // This isn't necessarily a single line text input
+      // But commands don't actually care as long as the thing being passed in
+      // actually has a command with that name. So this should work with single
+      // and multiline text inputs. Ideally we'll merge them into one component
+      // in the future.
+      iOSTextInputCommands.focus(textField);
+    } else if (Platform.OS === 'android') {
+      AndroidTextInputCommands.focus(textField);
+    }
+    // [Win32
+    else if (Platform.OS === 'win32') {
+      UIManager.focus(findNodeHandle(textField));
+    }
+    // Win32]
   }
 }
 
@@ -68,66 +114,112 @@ function focusTextInput(textFieldID: ?number) {
  * Unfocuses the specified text field
  * noop if it wasn't focused
  */
-function blurTextInput(textFieldID: ?number) {
-  if (currentlyFocusedID === textFieldID && textFieldID != null) {
-    blurField(textFieldID);
-    // [Windows
-    if (Platform.OS === 'ios' || Platform.OS === 'win32') {
-      // Windows]
-      UIManager.blur(textFieldID);
-    } else if (Platform.OS === 'android') {
-      UIManager.dispatchViewManagerCommand(
-        textFieldID,
-        UIManager.getViewManagerConfig('AndroidTextInput').Commands
-          .blurTextInput,
-        null,
+function blurTextInput(textField: ?ComponentRef) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'focusTextInput must be called with a host component. Passing a react tag is deprecated.',
       );
     }
+
+    return;
+  }
+
+  if (currentlyFocusedInputRef === textField && textField != null) {
+    blurInput(textField);
+    if (Platform.OS === 'ios') {
+      // This isn't necessarily a single line text input
+      // But commands don't actually care as long as the thing being passed in
+      // actually has a command with that name. So this should work with single
+      // and multiline text inputs. Ideally we'll merge them into one component
+      // in the future.
+      iOSTextInputCommands.blur(textField);
+    } else if (Platform.OS === 'android') {
+      AndroidTextInputCommands.blur(textField);
+    }
+    // [Win32
+    else if (Platform.OS === 'win32') {
+      UIManager.blur(findNodeHandle(textField));
+    }
+    // Win32]
   }
 }
 
-// [Windows/Android?
+// [Win32
 /**
- * @param {number} TextInputID id of the text field that has received focus
+ * @param {textField} textField id of the text field that has received focus
  * Should be called after the view has received focus and fired the onFocus event
  * noop if the focused text field is same
  */
-function setFocusedTextInput(textFieldID: ?number) {
-  if (currentlyFocusedID !== textFieldID && textFieldID !== null) {
-    currentlyFocusedID = textFieldID;
+function setFocusedTextInput(textField: ComponentRef) {
+  if (currentlyFocusedInputRef !== textField && textField !== null) {
+    currentlyFocusedInputRef = textField;
   }
 }
 
 /**
- * @param {number} TextInputID id of the text field whose focus has to be cleared
+ * @param {textField} textField id of the text field whose focus has to be cleared
  * Should be called after the view has cleared focus and fired the onFocus event
  * noop if the focused text field is not same
  */
-function clearFocusedTextInput(textFieldID: ?number) {
-  if (currentlyFocusedID === textFieldID && textFieldID !== null) {
-    currentlyFocusedID = null;
+function clearFocusedTextInput(textField: ComponentRef) {
+  if (currentlyFocusedInputRef === textField && textField !== null) {
+    currentlyFocusedInputRef = null;
   }
 }
-// Windows/Android?]
+// Win32]
+
+function registerInput(textField: ComponentRef) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'registerInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
 
-function registerInput(textFieldID: number) {
-  inputs.add(textFieldID);
+  inputs.add(textField);
 }
 
-function unregisterInput(textFieldID: number) {
-  inputs.delete(textFieldID);
+function unregisterInput(textField: ComponentRef) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'unregisterInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
+  inputs.delete(textField);
 }
 
-function isTextInput(textFieldID: number): boolean {
-  return inputs.has(textFieldID);
+function isTextInput(textField: ComponentRef): boolean {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'isTextInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return false;
+  }
+
+  return inputs.has(textField);
 }
 
 module.exports = {
+  currentlyFocusedInput,
+  focusInput,
+  blurInput,
+
   currentlyFocusedField,
   focusField,
   blurField,
-  setFocusedTextInput, // TODO(android ISS)
-  clearFocusedTextInput, // TODO(android ISS)
+  setFocusedTextInput, // [Win32]
+  clearFocusedTextInput, // [Win32]
   focusTextInput,
   blurTextInput,
   registerInput,
diff --git a/packages/react-native-win32/src/Libraries/Components/Touchable/TouchableBounce.win32.js b/packages/react-native-win32/src/Libraries/Components/Touchable/TouchableBounce.win32.js
deleted file mode 100644
index cc3543ec223..00000000000
--- a/packages/react-native-win32/src/Libraries/Components/Touchable/TouchableBounce.win32.js
+++ /dev/null
@@ -1,218 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-// [Win32 Remove .js
-import Pressability from '../../Pressability/Pressability';
-import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import TVTouchable from './TVTouchable';
-import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
-// Win32]
-import {Animated, Platform} from 'react-native';
-import * as React from 'react';
-
-type Props = $ReadOnly<{|
-  ...React.ElementConfig<TouchableWithoutFeedback>,
-
-  onPressAnimationComplete?: ?() => void,
-  onPressWithCompletion?: ?(callback: () => void) => void,
-  releaseBounciness?: ?number,
-  releaseVelocity?: ?number,
-  style?: ?ViewStyleProp,
-
-  hostRef: React.Ref<typeof Animated.View>,
-|}>;
-
-type State = $ReadOnly<{|
-  pressability: Pressability,
-  scale: Animated.Value,
-|}>;
-
-class TouchableBounce extends React.Component<Props, State> {
-  _tvTouchable: ?TVTouchable;
-
-  state: State = {
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
-      getTouchSoundDisabled: () => this.props.touchSoundDisabled,
-      onBlur: event => {
-        if (Platform.isTV) {
-          this._bounceTo(1, 0.4, 0);
-        }
-        if (this.props.onBlur != null) {
-          this.props.onBlur(event);
-        }
-      },
-      onFocus: event => {
-        if (Platform.isTV) {
-          this._bounceTo(0.93, 0.1, 0);
-        }
-        if (this.props.onFocus != null) {
-          this.props.onFocus(event);
-        }
-      },
-      onLongPress: event => {
-        if (this.props.onLongPress != null) {
-          this.props.onLongPress(event);
-        }
-      },
-      onPress: event => {
-        const {onPressAnimationComplete, onPressWithCompletion} = this.props;
-        const releaseBounciness = this.props.releaseBounciness ?? 10;
-        const releaseVelocity = this.props.releaseVelocity ?? 10;
-
-        if (onPressWithCompletion != null) {
-          onPressWithCompletion(() => {
-            this.state.scale.setValue(0.93);
-            this._bounceTo(
-              1,
-              releaseVelocity,
-              releaseBounciness,
-              onPressAnimationComplete,
-            );
-          });
-          return;
-        }
-
-        this._bounceTo(
-          1,
-          releaseVelocity,
-          releaseBounciness,
-          onPressAnimationComplete,
-        );
-        if (this.props.onPress != null) {
-          this.props.onPress(event);
-        }
-      },
-      onPressIn: event => {
-        this._bounceTo(0.93, 0.1, 0);
-        if (this.props.onPressIn != null) {
-          this.props.onPressIn(event);
-        }
-      },
-      onPressOut: event => {
-        this._bounceTo(1, 0.4, 0);
-        if (this.props.onPressOut != null) {
-          this.props.onPressOut(event);
-        }
-      },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
-    scale: new Animated.Value(1),
-  };
-
-  _bounceTo(
-    toValue: number,
-    velocity: number,
-    bounciness: number,
-    callback?: ?() => void,
-  ) {
-    Animated.spring(this.state.scale, {
-      toValue,
-      velocity,
-      bounciness,
-      useNativeDriver: true,
-    }).start(callback);
-  }
-
-  render(): React.Node {
-    // BACKWARD-COMPATIBILITY: Focus and blur events were never supported before
-    // adopting `Pressability`, so preserve that behavior.
-    const {
-      onBlur,
-      onFocus,
-      ...eventHandlersWithoutBlurAndFocus
-    } = this.state.pressability.getEventHandlers();
-
-    return (
-      <Animated.View
-        style={[{transform: [{scale: this.state.scale}]}, this.props.style]}
-        accessible={this.props.accessible !== false}
-        accessibilityLabel={this.props.accessibilityLabel}
-        accessibilityHint={this.props.accessibilityHint}
-        accessibilityRole={this.props.accessibilityRole}
-        accessibilityState={this.props.accessibilityState}
-        accessibilityActions={this.props.accessibilityActions}
-        onAccessibilityAction={this.props.onAccessibilityAction}
-        accessibilityValue={this.props.accessibilityValue}
-        importantForAccessibility={this.props.importantForAccessibility}
-        accessibilityLiveRegion={this.props.accessibilityLiveRegion}
-        accessibilityViewIsModal={this.props.accessibilityViewIsModal}
-        accessibilityElementsHidden={this.props.accessibilityElementsHidden}
-        nativeID={this.props.nativeID}
-        testID={this.props.testID}
-        hitSlop={this.props.hitSlop}
-        focusable={
-          this.props.focusable !== false &&
-          this.props.onPress !== undefined &&
-          !this.props.disabled
-        }
-        ref={this.props.hostRef}
-        {...eventHandlersWithoutBlurAndFocus}>
-        {this.props.children}
-        {__DEV__ ? (
-          <PressabilityDebugView color="orange" hitSlop={this.props.hitSlop} />
-        ) : null}
-      </Animated.View>
-    );
-  }
-
-  componentDidMount(): void {
-    if (Platform.isTV) {
-      this._tvTouchable = new TVTouchable(this, {
-        getDisabled: () => this.props.disabled === true,
-        onBlur: event => {
-          if (this.props.onBlur != null) {
-            this.props.onBlur(event);
-          }
-        },
-        onFocus: event => {
-          if (this.props.onFocus != null) {
-            this.props.onFocus(event);
-          }
-        },
-        onPress: event => {
-          if (this.props.onPress != null) {
-            this.props.onPress(event);
-          }
-        },
-      });
-    }
-  }
-
-  componentWillUnmount(): void {
-    if (Platform.isTV) {
-      if (this._tvTouchable != null) {
-        this._tvTouchable.destroy();
-      }
-    }
-    this.state.pressability.reset();
-  }
-}
-
-module.exports = (React.forwardRef((props, hostRef) => (
-  <TouchableBounce {...props} hostRef={hostRef} />
-)): React.ComponentType<$ReadOnly<$Diff<Props, {|hostRef: mixed|}>>>);
diff --git a/packages/react-native-win32/src/Libraries/Components/Touchable/TouchableHighlight.win32.js b/packages/react-native-win32/src/Libraries/Components/Touchable/TouchableHighlight.win32.js
deleted file mode 100644
index 475bbc09c95..00000000000
--- a/packages/react-native-win32/src/Libraries/Components/Touchable/TouchableHighlight.win32.js
+++ /dev/null
@@ -1,384 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-// [Win32 Remove .js
-import Pressability from '../../Pressability/Pressability';
-import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
-import StyleSheet, {type ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
-import TVTouchable from './TVTouchable.js';
-import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
-// Win32]
-import Platform from '../../Utilities/Platform';
-import View from '../../Components/View/View';
-import * as React from 'react';
-
-type AndroidProps = $ReadOnly<{|
-  nextFocusDown?: ?number,
-  nextFocusForward?: ?number,
-  nextFocusLeft?: ?number,
-  nextFocusRight?: ?number,
-  nextFocusUp?: ?number,
-|}>;
-
-type IOSProps = $ReadOnly<{|
-  hasTVPreferredFocus?: ?boolean,
-|}>;
-
-type Props = $ReadOnly<{|
-  ...React.ElementConfig<TouchableWithoutFeedback>,
-  ...AndroidProps,
-  ...IOSProps,
-
-  activeOpacity?: ?number,
-  underlayColor?: ?ColorValue,
-  style?: ?ViewStyleProp,
-  onShowUnderlay?: ?() => void,
-  onHideUnderlay?: ?() => void,
-  testOnly_pressed?: ?boolean,
-
-  hostRef: React.Ref<typeof View>,
-|}>;
-
-type ExtraStyles = $ReadOnly<{|
-  child: ViewStyleProp,
-  underlay: ViewStyleProp,
-|}>;
-
-type State = $ReadOnly<{|
-  pressability: Pressability,
-  extraStyles: ?ExtraStyles,
-|}>;
-
-/**
- * A wrapper for making views respond properly to touches.
- * On press down, the opacity of the wrapped view is decreased, which allows
- * the underlay color to show through, darkening or tinting the view.
- *
- * The underlay comes from wrapping the child in a new View, which can affect
- * layout, and sometimes cause unwanted visual artifacts if not used correctly,
- * for example if the backgroundColor of the wrapped view isn't explicitly set
- * to an opaque color.
- *
- * TouchableHighlight must have one child (not zero or more than one).
- * If you wish to have several child components, wrap them in a View.
- *
- * Example:
- *
- * ```
- * renderButton: function() {
- *   return (
- *     <TouchableHighlight onPress={this._onPressButton}>
- *       <Image
- *         style={styles.button}
- *         source={require('./myButton.png')}
- *       />
- *     </TouchableHighlight>
- *   );
- * },
- * ```
- *
- *
- * ### Example
- *
- * ```ReactNativeWebPlayer
- * import React, { Component } from 'react'
- * import {
- *   AppRegistry,
- *   StyleSheet,
- *   TouchableHighlight,
- *   Text,
- *   View,
- * } from 'react-native'
- *
- * class App extends Component {
- *   constructor(props) {
- *     super(props)
- *     this.state = { count: 0 }
- *   }
- *
- *   onPress = () => {
- *     this.setState({
- *       count: this.state.count+1
- *     })
- *   }
- *
- *  render() {
- *     return (
- *       <View style={styles.container}>
- *         <TouchableHighlight
- *          style={styles.button}
- *          onPress={this.onPress}
- *         >
- *          <Text> Touch Here </Text>
- *         </TouchableHighlight>
- *         <View style={[styles.countContainer]}>
- *           <Text style={[styles.countText]}>
- *             { this.state.count !== 0 ? this.state.count: null}
- *           </Text>
- *         </View>
- *       </View>
- *     )
- *   }
- * }
- *
- * const styles = StyleSheet.create({
- *   container: {
- *     flex: 1,
- *     justifyContent: 'center',
- *     paddingHorizontal: 10
- *   },
- *   button: {
- *     alignItems: 'center',
- *     backgroundColor: '#DDDDDD',
- *     padding: 10
- *   },
- *   countContainer: {
- *     alignItems: 'center',
- *     padding: 10
- *   },
- *   countText: {
- *     color: '#FF00FF'
- *   }
- * })
- *
- * AppRegistry.registerComponent('App', () => App)
- * ```
- *
- */
-class TouchableHighlight extends React.Component<Props, State> {
-  _hideTimeout: ?TimeoutID;
-  _isMounted: boolean = false;
-  _tvTouchable: ?TVTouchable;
-
-  state: State = {
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
-      getTouchSoundDisabled: () => this.props.touchSoundDisabled,
-      onBlur: event => {
-        if (Platform.isTV) {
-          this._hideUnderlay();
-        }
-        if (this.props.onBlur != null) {
-          this.props.onBlur(event);
-        }
-      },
-      onFocus: event => {
-        if (Platform.isTV) {
-          this._showUnderlay();
-        }
-        if (this.props.onFocus != null) {
-          this.props.onFocus(event);
-        }
-      },
-      onLongPress: event => {
-        if (this.props.onLongPress != null) {
-          this.props.onLongPress(event);
-        }
-      },
-      onPress: event => {
-        if (this._hideTimeout != null) {
-          clearTimeout(this._hideTimeout);
-        }
-        if (!Platform.isTV) {
-          this._showUnderlay();
-          this._hideTimeout = setTimeout(() => {
-            this._hideUnderlay();
-          }, this.props.delayPressOut ?? 0);
-        }
-        if (this.props.onPress != null) {
-          this.props.onPress(event);
-        }
-      },
-      onPressIn: event => {
-        if (this._hideTimeout != null) {
-          clearTimeout(this._hideTimeout);
-          this._hideTimeout = null;
-        }
-        this._showUnderlay();
-        if (this.props.onPressIn != null) {
-          this.props.onPressIn(event);
-        }
-      },
-      onPressOut: event => {
-        if (this._hideTimeout == null) {
-          this._hideUnderlay();
-        }
-        if (this.props.onPressOut != null) {
-          this.props.onPressOut(event);
-        }
-      },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
-    extraStyles:
-      this.props.testOnly_pressed === true ? this._createExtraStyles() : null,
-  };
-
-  _createExtraStyles(): ExtraStyles {
-    return {
-      child: {opacity: this.props.activeOpacity ?? 0.85},
-      underlay: {
-        backgroundColor:
-          this.props.underlayColor === undefined
-            ? 'black'
-            : this.props.underlayColor,
-      },
-    };
-  }
-
-  _showUnderlay(): void {
-    if (!this._isMounted || !this._hasPressHandler()) {
-      return;
-    }
-    this.setState({extraStyles: this._createExtraStyles()});
-    if (this.props.onShowUnderlay != null) {
-      this.props.onShowUnderlay();
-    }
-  }
-
-  _hideUnderlay(): void {
-    if (this._hideTimeout != null) {
-      clearTimeout(this._hideTimeout);
-      this._hideTimeout = null;
-    }
-    if (this.props.testOnly_pressed === true) {
-      return;
-    }
-    if (this._hasPressHandler()) {
-      this.setState({extraStyles: null});
-      if (this.props.onHideUnderlay != null) {
-        this.props.onHideUnderlay();
-      }
-    }
-  }
-
-  _hasPressHandler(): boolean {
-    return (
-      this.props.onPress != null ||
-      this.props.onPressIn != null ||
-      this.props.onPressOut != null ||
-      this.props.onLongPress != null
-    );
-  }
-
-  render(): React.Node {
-    const child = React.Children.only(this.props.children);
-
-    // BACKWARD-COMPATIBILITY: Focus and blur events were never supported before
-    // adopting `Pressability`, so preserve that behavior.
-    const {
-      onBlur,
-      onFocus,
-      ...eventHandlersWithoutBlurAndFocus
-    } = this.state.pressability.getEventHandlers();
-
-    return (
-      <View
-        accessible={this.props.accessible !== false}
-        accessibilityLabel={this.props.accessibilityLabel}
-        accessibilityHint={this.props.accessibilityHint}
-        accessibilityRole={this.props.accessibilityRole}
-        accessibilityState={this.props.accessibilityState}
-        accessibilityValue={this.props.accessibilityValue}
-        accessibilityActions={this.props.accessibilityActions}
-        onAccessibilityAction={this.props.onAccessibilityAction}
-        importantForAccessibility={this.props.importantForAccessibility}
-        accessibilityLiveRegion={this.props.accessibilityLiveRegion}
-        accessibilityViewIsModal={this.props.accessibilityViewIsModal}
-        accessibilityElementsHidden={this.props.accessibilityElementsHidden}
-        style={StyleSheet.compose(
-          this.props.style,
-          this.state.extraStyles?.underlay,
-        )}
-        onLayout={this.props.onLayout}
-        hitSlop={this.props.hitSlop}
-        hasTVPreferredFocus={this.props.hasTVPreferredFocus}
-        nextFocusDown={this.props.nextFocusDown}
-        nextFocusForward={this.props.nextFocusForward}
-        nextFocusLeft={this.props.nextFocusLeft}
-        nextFocusRight={this.props.nextFocusRight}
-        nextFocusUp={this.props.nextFocusUp}
-        focusable={
-          this.props.focusable !== false && this.props.onPress !== undefined
-        }
-        nativeID={this.props.nativeID}
-        testID={this.props.testID}
-        ref={this.props.hostRef}
-        {...eventHandlersWithoutBlurAndFocus}>
-        {React.cloneElement(child, {
-          style: StyleSheet.compose(
-            child.props.style,
-            this.state.extraStyles?.child,
-          ),
-        })}
-        {__DEV__ ? (
-          <PressabilityDebugView color="green" hitSlop={this.props.hitSlop} />
-        ) : null}
-      </View>
-    );
-  }
-
-  componentDidMount(): void {
-    this._isMounted = true;
-    if (Platform.isTV) {
-      this._tvTouchable = new TVTouchable(this, {
-        getDisabled: () => this.props.disabled === true,
-        onBlur: event => {
-          if (this.props.onBlur != null) {
-            this.props.onBlur(event);
-          }
-        },
-        onFocus: event => {
-          if (this.props.onFocus != null) {
-            this.props.onFocus(event);
-          }
-        },
-        onPress: event => {
-          if (this.props.onPress != null) {
-            this.props.onPress(event);
-          }
-        },
-      });
-    }
-  }
-
-  componentWillUnmount(): void {
-    this._isMounted = false;
-    if (this._hideTimeout != null) {
-      clearTimeout(this._hideTimeout);
-    }
-    if (Platform.isTV) {
-      if (this._tvTouchable != null) {
-        this._tvTouchable.destroy();
-      }
-    }
-    this.state.pressability.reset();
-  }
-}
-
-module.exports = (React.forwardRef((props, hostRef) => (
-  <TouchableHighlight {...props} hostRef={hostRef} />
-)): React.ComponentType<$ReadOnly<$Diff<Props, {|hostRef: mixed|}>>>);
diff --git a/packages/react-native-win32/src/Libraries/Components/Touchable/TouchableOpacity.win32.js b/packages/react-native-win32/src/Libraries/Components/Touchable/TouchableOpacity.win32.js
deleted file mode 100644
index c6acd99289a..00000000000
--- a/packages/react-native-win32/src/Libraries/Components/Touchable/TouchableOpacity.win32.js
+++ /dev/null
@@ -1,314 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-// [Win32 Remove ".js"
-import Pressability from '../../Pressability/Pressability';
-import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
-import TVTouchable from './TVTouchable';
-import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
-// Win32]
-import Animated from 'react-native/Libraries/Animated/src/Animated';
-import Easing from 'react-native/Libraries/Animated/src/Easing';
-import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
-import flattenStyle from 'react-native/Libraries/StyleSheet/flattenStyle';
-import Platform from '../../Utilities/Platform';
-import * as React from 'react';
-
-type TVProps = $ReadOnly<{|
-  hasTVPreferredFocus?: ?boolean,
-  nextFocusDown?: ?number,
-  nextFocusForward?: ?number,
-  nextFocusLeft?: ?number,
-  nextFocusRight?: ?number,
-  nextFocusUp?: ?number,
-|}>;
-
-type Props = $ReadOnly<{|
-  ...React.ElementConfig<TouchableWithoutFeedback>,
-  ...TVProps,
-
-  activeOpacity?: ?number,
-  style?: ?ViewStyleProp,
-
-  hostRef: React.Ref<typeof Animated.View>,
-|}>;
-
-type State = $ReadOnly<{|
-  anim: Animated.Value,
-  pressability: Pressability,
-|}>;
-
-/**
- * A wrapper for making views respond properly to touches.
- * On press down, the opacity of the wrapped view is decreased, dimming it.
- *
- * Opacity is controlled by wrapping the children in an Animated.View, which is
- * added to the view hierarchy.  Be aware that this can affect layout.
- *
- * Example:
- *
- * ```
- * renderButton: function() {
- *   return (
- *     <TouchableOpacity onPress={this._onPressButton}>
- *       <Image
- *         style={styles.button}
- *         source={require('./myButton.png')}
- *       />
- *     </TouchableOpacity>
- *   );
- * },
- * ```
- * ### Example
- *
- * ```ReactNativeWebPlayer
- * import React, { Component } from 'react'
- * import {
- *   AppRegistry,
- *   StyleSheet,
- *   TouchableOpacity,
- *   Text,
- *   View,
- * } from 'react-native'
- *
- * class App extends Component {
- *   state = { count: 0 }
- *
- *   onPress = () => {
- *     this.setState(state => ({
- *       count: state.count + 1
- *     }));
- *   };
- *
- *  render() {
- *    return (
- *      <View style={styles.container}>
- *        <TouchableOpacity
- *          style={styles.button}
- *          onPress={this.onPress}>
- *          <Text> Touch Here </Text>
- *        </TouchableOpacity>
- *        <View style={[styles.countContainer]}>
- *          <Text style={[styles.countText]}>
- *             { this.state.count !== 0 ? this.state.count: null}
- *           </Text>
- *         </View>
- *       </View>
- *     )
- *   }
- * }
- *
- * const styles = StyleSheet.create({
- *   container: {
- *     flex: 1,
- *     justifyContent: 'center',
- *     paddingHorizontal: 10
- *   },
- *   button: {
- *     alignItems: 'center',
- *     backgroundColor: '#DDDDDD',
- *     padding: 10
- *   },
- *   countContainer: {
- *     alignItems: 'center',
- *     padding: 10
- *   },
- *   countText: {
- *     color: '#FF00FF'
- *   }
- * })
- *
- * AppRegistry.registerComponent('App', () => App)
- * ```
- *
- */
-class TouchableOpacity extends React.Component<Props, State> {
-  _tvTouchable: ?TVTouchable;
-
-  state: State = {
-    anim: new Animated.Value(this._getChildStyleOpacityWithDefault()),
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
-      onBlur: event => {
-        if (Platform.isTV) {
-          this._opacityInactive(250);
-        }
-        if (this.props.onBlur != null) {
-          this.props.onBlur(event);
-        }
-      },
-      onFocus: event => {
-        if (Platform.isTV) {
-          this._opacityActive(150);
-        }
-        if (this.props.onFocus != null) {
-          this.props.onFocus(event);
-        }
-      },
-      onLongPress: event => {
-        if (this.props.onLongPress != null) {
-          this.props.onLongPress(event);
-        }
-      },
-      onPress: event => {
-        if (this.props.onPress != null) {
-          this.props.onPress(event);
-        }
-      },
-      onPressIn: event => {
-        this._opacityActive(
-          event.dispatchConfig.registrationName === 'onResponderGrant'
-            ? 0
-            : 150,
-        );
-        if (this.props.onPressIn != null) {
-          this.props.onPressIn(event);
-        }
-      },
-      onPressOut: event => {
-        this._opacityInactive(250);
-        if (this.props.onPressOut != null) {
-          this.props.onPressOut(event);
-        }
-      },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
-  };
-
-  /**
-   * Animate the touchable to a new opacity.
-   */
-  _setOpacityTo(toValue: number, duration: number): void {
-    Animated.timing(this.state.anim, {
-      toValue,
-      duration,
-      easing: Easing.inOut(Easing.quad),
-      useNativeDriver: true,
-    }).start();
-  }
-
-  _opacityActive(duration: number): void {
-    this._setOpacityTo(this.props.activeOpacity ?? 0.2, duration);
-  }
-
-  _opacityInactive(duration: number): void {
-    this._setOpacityTo(this._getChildStyleOpacityWithDefault(), duration);
-  }
-
-  _getChildStyleOpacityWithDefault(): number {
-    const opacity = flattenStyle(this.props.style)?.opacity;
-    return typeof opacity === 'number' ? opacity : 1;
-  }
-
-  render(): React.Node {
-    // BACKWARD-COMPATIBILITY: Focus and blur events were never supported before
-    // adopting `Pressability`, so preserve that behavior.
-    const {
-      onBlur,
-      onFocus,
-      ...eventHandlersWithoutBlurAndFocus
-    } = this.state.pressability.getEventHandlers();
-
-    return (
-      <Animated.View
-        accessible={this.props.accessible !== false}
-        accessibilityLabel={this.props.accessibilityLabel}
-        accessibilityHint={this.props.accessibilityHint}
-        accessibilityRole={this.props.accessibilityRole}
-        accessibilityState={this.props.accessibilityState}
-        accessibilityActions={this.props.accessibilityActions}
-        onAccessibilityAction={this.props.onAccessibilityAction}
-        accessibilityValue={this.props.accessibilityValue}
-        importantForAccessibility={this.props.importantForAccessibility}
-        accessibilityLiveRegion={this.props.accessibilityLiveRegion}
-        accessibilityViewIsModal={this.props.accessibilityViewIsModal}
-        accessibilityElementsHidden={this.props.accessibilityElementsHidden}
-        style={[this.props.style, {opacity: this.state.anim}]}
-        nativeID={this.props.nativeID}
-        testID={this.props.testID}
-        onLayout={this.props.onLayout}
-        nextFocusDown={this.props.nextFocusDown}
-        nextFocusForward={this.props.nextFocusForward}
-        nextFocusLeft={this.props.nextFocusLeft}
-        nextFocusRight={this.props.nextFocusRight}
-        nextFocusUp={this.props.nextFocusUp}
-        hasTVPreferredFocus={this.props.hasTVPreferredFocus}
-        hitSlop={this.props.hitSlop}
-        focusable={
-          this.props.focusable !== false && this.props.onPress !== undefined
-        }
-        ref={this.props.hostRef}
-        {...eventHandlersWithoutBlurAndFocus}>
-        {this.props.children}
-        {__DEV__ ? (
-          <PressabilityDebugView color="cyan" hitSlop={this.props.hitSlop} />
-        ) : null}
-      </Animated.View>
-    );
-  }
-
-  componentDidMount(): void {
-    if (Platform.isTV) {
-      this._tvTouchable = new TVTouchable(this, {
-        getDisabled: () => this.props.disabled === true,
-        onBlur: event => {
-          if (this.props.onBlur != null) {
-            this.props.onBlur(event);
-          }
-        },
-        onFocus: event => {
-          if (this.props.onFocus != null) {
-            this.props.onFocus(event);
-          }
-        },
-        onPress: event => {
-          if (this.props.onPress != null) {
-            this.props.onPress(event);
-          }
-        },
-      });
-    }
-  }
-
-  componentDidUpdate(prevProps: Props, prevState: State) {
-    if (this.props.disabled !== prevProps.disabled) {
-      this._opacityInactive(250);
-    }
-  }
-
-  componentWillUnmount(): void {
-    if (Platform.isTV) {
-      if (this._tvTouchable != null) {
-        this._tvTouchable.destroy();
-      }
-    }
-    this.state.pressability.reset();
-  }
-}
-
-module.exports = (React.forwardRef((props, hostRef) => (
-  <TouchableOpacity {...props} hostRef={hostRef} />
-)): React.ComponentType<$ReadOnly<$Diff<Props, {|hostRef: mixed|}>>>);
diff --git a/packages/react-native-win32/src/Libraries/Components/Touchable/TouchableWithoutFeedback.win32.js b/packages/react-native-win32/src/Libraries/Components/Touchable/TouchableWithoutFeedback.win32.js
deleted file mode 100644
index 8ad6be00003..00000000000
--- a/packages/react-native-win32/src/Libraries/Components/Touchable/TouchableWithoutFeedback.win32.js
+++ /dev/null
@@ -1,218 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-// [Win32 Remove ".js"
-import Pressability from '../../Pressability/Pressability';
-import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
-import TVTouchable from './TVTouchable';
-// Win32]
-import type {
-  AccessibilityActionEvent,
-  AccessibilityActionInfo,
-  AccessibilityRole,
-  AccessibilityState,
-  AccessibilityValue,
-} from '../../Components/View/ViewAccessibility';
-import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
-import type {
-  BlurEvent,
-  FocusEvent,
-  LayoutEvent,
-  PressEvent,
-} from '../../Types/CoreEventTypes';
-import Platform from '../../Utilities/Platform';
-import View from '../../Components/View/View';
-import * as React from 'react';
-
-type Props = $ReadOnly<{|
-  accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
-  accessibilityElementsHidden?: ?boolean,
-  accessibilityHint?: ?Stringish,
-  accessibilityIgnoresInvertColors?: ?boolean,
-  accessibilityLabel?: ?Stringish,
-  accessibilityLiveRegion?: ?('none' | 'polite' | 'assertive'),
-  accessibilityRole?: ?AccessibilityRole,
-  accessibilityState?: ?AccessibilityState,
-  accessibilityValue?: ?AccessibilityValue,
-  accessibilityViewIsModal?: ?boolean,
-  accessible?: ?boolean,
-  children?: ?React.Node,
-  delayLongPress?: ?number,
-  delayPressIn?: ?number,
-  delayPressOut?: ?number,
-  disabled?: ?boolean,
-  focusable?: ?boolean,
-  hitSlop?: ?EdgeInsetsProp,
-  importantForAccessibility?: ?('auto' | 'yes' | 'no' | 'no-hide-descendants'),
-  nativeID?: ?string,
-  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
-  onBlur?: ?(event: BlurEvent) => mixed,
-  onFocus?: ?(event: FocusEvent) => mixed,
-  onLayout?: ?(event: LayoutEvent) => mixed,
-  onLongPress?: ?(event: PressEvent) => mixed,
-  onPress?: ?(event: PressEvent) => mixed,
-  onPressIn?: ?(event: PressEvent) => mixed,
-  onPressOut?: ?(event: PressEvent) => mixed,
-  pressRetentionOffset?: ?EdgeInsetsProp,
-  rejectResponderTermination?: ?boolean,
-  testID?: ?string,
-  touchSoundDisabled?: ?boolean,
-|}>;
-
-type State = $ReadOnly<{|
-  pressability: Pressability,
-|}>;
-
-const PASSTHROUGH_PROPS = [
-  'accessibilityActions',
-  'accessibilityElementsHidden',
-  'accessibilityHint',
-  'accessibilityIgnoresInvertColors',
-  'accessibilityLabel',
-  'accessibilityLiveRegion',
-  'accessibilityRole',
-  'accessibilityState',
-  'accessibilityValue',
-  'accessibilityViewIsModal',
-  'hitSlop',
-  'importantForAccessibility',
-  'nativeID',
-  'onAccessibilityAction',
-  'onBlur',
-  'onFocus',
-  'onLayout',
-  'testID',
-];
-
-class TouchableWithoutFeedback extends React.Component<Props, State> {
-  _tvTouchable: ?TVTouchable;
-
-  state: State = {
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
-      getTouchSoundDisabled: () => this.props.touchSoundDisabled,
-      onBlur: event => {
-        if (this.props.onBlur != null) {
-          this.props.onBlur(event);
-        }
-      },
-      onFocus: event => {
-        if (this.props.onFocus != null) {
-          this.props.onFocus(event);
-        }
-      },
-      onLongPress: event => {
-        if (this.props.onLongPress != null) {
-          this.props.onLongPress(event);
-        }
-      },
-      onPress: event => {
-        if (this.props.onPress != null) {
-          this.props.onPress(event);
-        }
-      },
-      onPressIn: event => {
-        if (this.props.onPressIn != null) {
-          this.props.onPressIn(event);
-        }
-      },
-      onPressOut: event => {
-        if (this.props.onPressOut != null) {
-          this.props.onPressOut(event);
-        }
-      },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
-  };
-
-  render(): React.Node {
-    const element = React.Children.only(this.props.children);
-    const children = [element.props.children];
-    if (__DEV__) {
-      if (element.type === View) {
-        children.push(
-          <PressabilityDebugView color="red" hitSlop={this.props.hitSlop} />,
-        );
-      }
-    }
-
-    // BACKWARD-COMPATIBILITY: Focus and blur events were never supported before
-    // adopting `Pressability`, so preserve that behavior.
-    const {
-      onBlur,
-      onFocus,
-      ...eventHandlersWithoutBlurAndFocus
-    } = this.state.pressability.getEventHandlers();
-
-    const elementProps: {[string]: mixed, ...} = {
-      ...eventHandlersWithoutBlurAndFocus,
-      accessible: this.props.accessible !== false,
-      focusable:
-        this.props.focusable !== false && this.props.onPress !== undefined,
-    };
-    for (const prop of PASSTHROUGH_PROPS) {
-      if (this.props[prop] !== undefined) {
-        elementProps[prop] = this.props[prop];
-      }
-    }
-
-    return React.cloneElement(element, elementProps, ...children);
-  }
-
-  componentDidMount(): void {
-    if (Platform.isTV) {
-      this._tvTouchable = new TVTouchable(this, {
-        getDisabled: () => this.props.disabled === true,
-        onBlur: event => {
-          if (this.props.onBlur != null) {
-            this.props.onBlur(event);
-          }
-        },
-        onFocus: event => {
-          if (this.props.onFocus != null) {
-            this.props.onFocus(event);
-          }
-        },
-        onPress: event => {
-          if (this.props.onPress != null) {
-            this.props.onPress(event);
-          }
-        },
-      });
-    }
-  }
-
-  componentWillUnmount(): void {
-    if (Platform.isTV) {
-      if (this._tvTouchable != null) {
-        this._tvTouchable.destroy();
-      }
-    }
-    this.state.pressability.reset();
-  }
-}
-
-module.exports = TouchableWithoutFeedback;
diff --git a/packages/react-native-win32/src/Libraries/Components/View/ReactNativeViewViewConfig.win32.js b/packages/react-native-win32/src/Libraries/Components/View/ReactNativeViewViewConfig.win32.js
index 54cc446d5ed..7d44e7b1b7d 100644
--- a/packages/react-native-win32/src/Libraries/Components/View/ReactNativeViewViewConfig.win32.js
+++ b/packages/react-native-win32/src/Libraries/Components/View/ReactNativeViewViewConfig.win32.js
@@ -10,7 +10,7 @@
 
 'use strict';
 import ReactNativeViewViewConfigAndroid from './ReactNativeViewViewConfigAndroid';
-import {Platform} from 'react-native'; // from facebook:master d204541
+import {Platform} from 'react-native';
 
 const ReactNativeViewConfig = {
   uiViewClassName: 'RCTView',
@@ -340,7 +340,7 @@ const ReactNativeViewConfig = {
       textTransform: true,
       tintColor: {process: require('../../StyleSheet/processColor')},
       top: true,
-      transform: ((Platform.OS === 'ios' // from facebook:master d204541
+      transform: ((Platform.OS === 'ios'
         ? {diff: require('../../Utilities/differ/matricesDiffer')}
         : {process: require('../../StyleSheet/processTransform')}): any),
       transformMatrix: true,
@@ -352,7 +352,7 @@ const ReactNativeViewConfig = {
     },
     testID: true,
     top: true,
-    transform: ((Platform.OS === 'ios' // from facebook:master d204541
+    transform: ((Platform.OS === 'ios'
       ? {diff: require('../../Utilities/differ/matricesDiffer')}
       : {process: require('../../StyleSheet/processTransform')}): any),
     translateX: true,
diff --git a/packages/react-native-win32/src/Libraries/Image/Image.win32.js b/packages/react-native-win32/src/Libraries/Image/Image.win32.js
index f9d678a9259..ee10f443a7f 100644
--- a/packages/react-native-win32/src/Libraries/Image/Image.win32.js
+++ b/packages/react-native-win32/src/Libraries/Image/Image.win32.js
@@ -23,7 +23,7 @@ import type {ImageProps as ImagePropsType} from './ImageProps';
 import type {ImageStyleProp} from '../StyleSheet/StyleSheet';
 import NativeImageLoaderWin32 from './NativeImageLoaderWin32'; // [Win32] Replace iOS
 
-const RCTImageView = require('./ImageViewNativeComponent');
+import ImageViewNativeComponent from './ImageViewNativeComponent';
 
 function getSize(
   uri: string,
@@ -98,7 +98,7 @@ type ImageComponentStatics = $ReadOnly<{|
  * including network images, static resources, temporary local images, and
  * images from local disk, such as the camera roll.
  *
- * See https://facebook.github.io/react-native/docs/image.html
+ * See https://reactnative.dev/docs/image.html
  */
 let Image = (props: ImagePropsType, forwardedRef) => {
   const source = resolveAssetSource(props.source) || {
@@ -140,7 +140,7 @@ let Image = (props: ImagePropsType, forwardedRef) => {
   }
 
   return (
-    <RCTImageView
+    <ImageViewNativeComponent
       {...props}
       ref={forwardedRef}
       style={style}
@@ -151,15 +151,16 @@ let Image = (props: ImagePropsType, forwardedRef) => {
   );
 };
 
-Image = React.forwardRef<ImagePropsType, React.ElementRef<typeof RCTImageView>>(
-  Image,
-);
+Image = React.forwardRef<
+  ImagePropsType,
+  React.ElementRef<typeof ImageViewNativeComponent>,
+>(Image);
 Image.displayName = 'Image';
 
 /**
  * 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
+ * See https://reactnative.dev/docs/image.html#getsize
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_ios_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -170,7 +171,7 @@ Image.getSize = getSize;
  * Retrieve the width and height (in pixels) of an image prior to displaying it
  * with the ability to provide the headers for the request.
  *
- * See https://facebook.github.io/react-native/docs/image.html#getsizewithheaders
+ * See https://reactnative.dev/docs/image.html#getsizewithheaders
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_ios_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -181,7 +182,7 @@ Image.getSizeWithHeaders = getSizeWithHeaders;
  * 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
+ * See https://reactnative.dev/docs/image.html#prefetch
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_ios_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -191,7 +192,7 @@ Image.prefetch = prefetch;
 /**
  * Performs cache interrogation.
  *
- *  See https://facebook.github.io/react-native/docs/image.html#querycache
+ *  See https://reactnative.dev/docs/image.html#querycache
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_ios_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -201,7 +202,7 @@ Image.queryCache = queryCache;
 /**
  * Resolves an asset reference into an object.
  *
- * See https://facebook.github.io/react-native/docs/image.html#resolveassetsource
+ * See https://reactnative.dev/docs/image.html#resolveassetsource
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_ios_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -221,6 +222,6 @@ const styles = StyleSheet.create({
 
 module.exports = ((Image: any): React.AbstractComponent<
   ImagePropsType,
-  React.ElementRef<typeof RCTImageView>,
+  React.ElementRef<typeof ImageViewNativeComponent>,
 > &
   ImageComponentStatics);
diff --git a/packages/react-native-win32/src/Libraries/Image/ImageViewNativeComponent.win32.js b/packages/react-native-win32/src/Libraries/Image/ImageViewNativeComponent.win32.js
deleted file mode 100644
index 6174c3ec5a0..00000000000
--- a/packages/react-native-win32/src/Libraries/Image/ImageViewNativeComponent.win32.js
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-const requireNativeComponent = require('../ReactNative/requireNativeComponent');
-
-import codegenNativeComponent from '../Utilities/codegenNativeComponent';
-
-import type {DangerouslyImpreciseStyle} from '../StyleSheet/StyleSheet';
-import type {ResolvedAssetSource} from './AssetSourceResolver';
-import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
-import type {ImageProps} from './ImageProps';
-import type {ViewProps} from '../Components/View/ViewPropTypes';
-import type {ImageStyleProp} from '../StyleSheet/StyleSheet';
-import type {ColorValue} from '../StyleSheet/StyleSheetTypes';
-
-type NativeProps = $ReadOnly<{|
-  ...ImageProps,
-  ...ViewProps,
-
-  style?: ImageStyleProp | DangerouslyImpreciseStyle,
-
-  // iOS native props
-  tintColor?: ColorValue,
-
-  // Android native props
-  shouldNotifyLoadEvents?: boolean,
-  src?: ?ResolvedAssetSource | $ReadOnlyArray<{uri: string, ...}>,
-  headers?: ?string,
-  defaultSrc?: ?string,
-  loadingIndicatorSrc?: ?string,
-|}>;
-
-let ImageViewNativeComponent;
-
-if (global.RN$Bridgeless) {
-  ImageViewNativeComponent = codegenNativeComponent<NativeProps>(
-    'RCTImage', // [Win32] Rename RCTImageView to RCTImage
-  );
-} else {
-  ImageViewNativeComponent = requireNativeComponent<NativeProps>(
-    'RCTImage', // [Win32] Rename RCTImageView to RCTImage
-  );
-}
-
-module.exports = (ImageViewNativeComponent: HostComponent<NativeProps>);
diff --git a/packages/react-native-win32/src/Libraries/Inspector/Inspector.win32.js b/packages/react-native-win32/src/Libraries/Inspector/Inspector.win32.js
index 39bb8a103c7..f3b280a0fe3 100644
--- a/packages/react-native-win32/src/Libraries/Inspector/Inspector.win32.js
+++ b/packages/react-native-win32/src/Libraries/Inspector/Inspector.win32.js
@@ -18,11 +18,14 @@ const React = require('react');
 const ReactNative = require('../Renderer/shims/ReactNative');
 const StyleSheet = require('../StyleSheet/StyleSheet');
 const Touchable = require('../Components/Touchable/Touchable');
-const UIManager = require('../ReactNative/UIManager');
 const View = require('../Components/View/View');
 
 const invariant = require('invariant');
 
+const UIManager = require('../ReactNative/UIManager'); // [Win32]
+
+import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
+
 export type ReactRenderer = {
   getInspectorDataForViewTag: (viewTag: number) => Object,
   ...
@@ -34,7 +37,7 @@ const renderers = findRenderers();
 // Required for React DevTools to view/edit React Native styles in Flipper.
 // Flipper doesn't inject these values when initializing DevTools.
 hook.resolveRNStyle = require('../StyleSheet/flattenStyle');
-const viewConfig = require('../Components/View/ReactNativeViewViewConfig'); // [Win32] Remove ".js"
+const viewConfig = require('../Components/View/ReactNativeViewViewConfig');
 hook.nativeStyleEditorValidAttributes = Object.keys(
   viewConfig.validAttributes.style,
 );
@@ -65,10 +68,14 @@ function getInspectorDataForViewTag(touchedViewTag: number) {
   }
   throw new Error('Expected to find at least one React renderer.');
 }
+
+type HostRef = React.ElementRef<HostComponent<mixed>>;
+
 class Inspector extends React.Component<
   {
-    inspectedViewTag: ?number,
-    onRequestRerenderApp: (callback: (tag: ?number) => void) => void,
+    isFabric: boolean,
+    inspectedView: ?HostRef,
+    onRequestRerenderApp: (callback: (instance: ?HostRef) => void) => void,
     ...
   },
   {
@@ -79,7 +86,7 @@ class Inspector extends React.Component<
     selection: ?number,
     perfing: boolean,
     inspected: any,
-    inspectedViewTag: any,
+    inspectedView: ?HostRef,
     networking: boolean,
     ...
   },
@@ -98,7 +105,7 @@ class Inspector extends React.Component<
       perfing: false,
       inspected: null,
       selection: null,
-      inspectedViewTag: this.props.inspectedViewTag,
+      inspectedView: this.props.inspectedView,
       networking: false,
     };
   }
@@ -119,7 +126,7 @@ class Inspector extends React.Component<
   }
 
   UNSAFE_componentWillReceiveProps(newProps: Object) {
-    this.setState({inspectedViewTag: newProps.inspectedViewTag});
+    this.setState({inspectedView: newProps.inspectedView});
   }
 
   _attachToDevtools = (agent: Object) => {
@@ -147,11 +154,7 @@ class Inspector extends React.Component<
   _onAgentShowNativeHighlight = node => {
     clearTimeout(this._hideTimeoutID);
 
-    if (typeof node !== 'number') {
-      node = ReactNative.findNodeHandle(node);
-    }
-
-    UIManager.measure(node, (x, y, width, height, left, top) => {
+    node.measure((x, y, width, height, left, top) => {
       this.setState({
         hierarchy: [],
         inspected: {
@@ -245,8 +248,8 @@ class Inspector extends React.Component<
 
   setTouchTargeting(val: boolean) {
     Touchable.TOUCH_TARGET_DEBUG = val;
-    this.props.onRequestRerenderApp(inspectedViewTag => {
-      this.setState({inspectedViewTag});
+    this.props.onRequestRerenderApp(inspectedView => {
+      this.setState({inspectedView});
     });
   }
 
@@ -268,8 +271,9 @@ class Inspector extends React.Component<
       <View style={styles.container} pointerEvents="box-none">
         {this.state.inspecting && (
           <InspectorOverlay
+            isFabric={this.props.isFabric}
             inspected={this.state.inspected}
-            inspectedViewTag={this.state.inspectedViewTag}
+            inspectedView={this.state.inspectedView}
             onTouchViewTag={this.onTouchViewTag.bind(this)}
           />
         )}
diff --git a/packages/react-native-win32/src/Libraries/Inspector/InspectorOverlay.win32.js b/packages/react-native-win32/src/Libraries/Inspector/InspectorOverlay.win32.js
index 5541e992bf6..e936b15a40d 100644
--- a/packages/react-native-win32/src/Libraries/Inspector/InspectorOverlay.win32.js
+++ b/packages/react-native-win32/src/Libraries/Inspector/InspectorOverlay.win32.js
@@ -14,9 +14,11 @@ const Dimensions = require('../Utilities/Dimensions');
 const ElementBox = require('./ElementBox');
 const React = require('react');
 const StyleSheet = require('../StyleSheet/StyleSheet');
+const ReactNative = require('../Renderer/shims/ReactNative');
 const UIManager = require('../ReactNative/UIManager');
 const View = require('../Components/View/View');
 
+import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
 import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
 import type {PressEvent} from '../Types/CoreEventTypes';
 
@@ -26,8 +28,9 @@ type Inspected = $ReadOnly<{|
 |}>;
 
 type Props = $ReadOnly<{|
+  isFabric: boolean,
   inspected?: Inspected,
-  inspectedViewTag?: ?number,
+  inspectedView?: ?React.ElementRef<HostComponent<mixed>>,
   onTouchViewTag: (tag: number, frame: Object, pointerY: number) => mixed,
 |}>;
 
@@ -35,7 +38,7 @@ class InspectorOverlay extends React.Component<Props> {
   findViewForTouchEvent: (e: PressEvent) => void = (e: PressEvent) => {
     const {locationX, locationY} = e.nativeEvent.touches[0];
     UIManager.findSubviewIn(
-      this.props.inspectedViewTag,
+      ReactNative.findNodeHandle(this.props.inspectedView),
       [locationX, locationY],
       (nativeViewTag, left, top, width, height) => {
         this.props.onTouchViewTag(
diff --git a/packages/react-native-win32/src/Libraries/Pressability/PressabilityDebug.win32.js b/packages/react-native-win32/src/Libraries/Pressability/PressabilityDebug.win32.js
deleted file mode 100644
index 302bb91772f..00000000000
--- a/packages/react-native-win32/src/Libraries/Pressability/PressabilityDebug.win32.js
+++ /dev/null
@@ -1,76 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-import normalizeColor from '../StyleSheet/normalizeColor'; // [Win32] Remove ".js"
-import Touchable from '../Components/Touchable/Touchable';
-import View from '../Components/View/View';
-import * as React from 'react';
-
-type Props = $ReadOnly<{|
-  color: string,
-  hitSlop: ?$ReadOnly<{|
-    bottom?: ?number,
-    left?: ?number,
-    right?: ?number,
-    top?: ?number,
-  |}>,
-|}>;
-
-/**
- * Displays a debug overlay to visualize press targets when enabled via the
- * React Native Inspector. Calls to this module should be guarded by `__DEV__`,
- * for example:
- *
- *   return (
- *     <View>
- *       {children}
- *       {__DEV__ ? (
- *         <PressabilityDebugView color="..." hitSlop={props.hitSlop} />
- *       ) : null}
- *     </View>
- *   );
- *
- */
-export function PressabilityDebugView({color, hitSlop}: Props): React.Node {
-  if (__DEV__) {
-    if (isEnabled()) {
-      const baseColor =
-        // $FlowFixMe [Win32] no toString() for NativeOrDynamicColor
-        '#' + (normalizeColor(color) ?? 0).toString(16).padStart(8, '0');
-
-      return (
-        <View
-          pointerEvents="none"
-          style={{
-            backgroundColor: baseColor.slice(0, -2) + '0F', // 15%
-            borderColor: baseColor.slice(0, -2) + '55', // 85%
-            borderStyle: 'dashed',
-            borderWidth: 1,
-            bottom: -(hitSlop?.bottom ?? 0),
-            left: -(hitSlop?.left ?? 0),
-            position: 'absolute',
-            right: -(hitSlop?.right ?? 0),
-            top: -(hitSlop?.top ?? 0),
-          }}
-        />
-      );
-    }
-  }
-  return null;
-}
-
-export function isEnabled(): boolean {
-  if (__DEV__) {
-    return Touchable.TOUCH_TARGET_DEBUG;
-  }
-  return false;
-}
diff --git a/packages/react-native-win32/src/Libraries/ReactNative/getNativeComponentAttributes.win32.js b/packages/react-native-win32/src/Libraries/ReactNative/getNativeComponentAttributes.win32.js
deleted file mode 100644
index b2bce91df62..00000000000
--- a/packages/react-native-win32/src/Libraries/ReactNative/getNativeComponentAttributes.win32.js
+++ /dev/null
@@ -1,193 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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 ReactNativeStyleAttributes = require('../Components/View/ReactNativeStyleAttributes');
-const UIManager = require('./UIManager');
-
-const insetsDiffer = require('../Utilities/differ/insetsDiffer');
-const invariant = require('invariant');
-const matricesDiffer = require('../Utilities/differ/matricesDiffer');
-const pointsDiffer = require('../Utilities/differ/pointsDiffer');
-const processColor = require('../StyleSheet/processColor');
-const resolveAssetSource = require('../Image/resolveAssetSource');
-const sizesDiffer = require('../Utilities/differ/sizesDiffer');
-const warning = require('fbjs/lib/warning');
-import type {NativeOrDynamicColorType} from '../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
-
-function getNativeComponentAttributes(uiViewClassName: string): any {
-  const viewConfig = UIManager.getViewManagerConfig(uiViewClassName);
-
-  invariant(
-    viewConfig != null && viewConfig.NativeProps != null,
-    'requireNativeComponent: "%s" was not found in the UIManager.',
-    uiViewClassName,
-  );
-
-  // 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.getViewManagerConfig(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;
-    }
-  }
-
-  const validAttributes = {};
-
-  for (const key in nativeProps) {
-    const typeName = nativeProps[key];
-    const diff = getDifferForType(typeName);
-    const process = getProcessorForType(typeName);
-
-    validAttributes[key] =
-      diff == null && process == null ? true : {diff, process};
-  }
-
-  // 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;
-  }
-
-  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.
-  const constants = UIManager.getConstants();
-  if (constants.ViewManagerNames || constants.LazyViewManagersEnabled) {
-    // Lazy view managers enabled.
-    viewConfig = merge(viewConfig, UIManager.getDefaultEventTypes());
-  } else {
-    viewConfig.bubblingEventTypes = merge(
-      viewConfig.bubblingEventTypes,
-      constants.genericBubblingEventTypes,
-    );
-    viewConfig.directEventTypes = merge(
-      viewConfig.directEventTypes,
-      constants.genericDirectEventTypes,
-    );
-  }
-}
-
-// 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;
-}
-
-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 | NativeOrDynamicColorType)> /* TODO(macOS ISS#2323203) */ {
-  // ]TODO(macOS ISS#2323203)
-  return colors == null ? null : colors.map(processColor);
-}
-
-module.exports = getNativeComponentAttributes;
diff --git a/packages/react-native-win32/src/Libraries/StyleSheet/NativeOrDynamicColorType.win32.js b/packages/react-native-win32/src/Libraries/StyleSheet/NativeOrDynamicColorType.win32.js
deleted file mode 100644
index fefe829052a..00000000000
--- a/packages/react-native-win32/src/Libraries/StyleSheet/NativeOrDynamicColorType.win32.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- *
- * @format
- * @flow strict
- */
-
-'use strict';
-
-export type ColorStop = {
-  color: string | number | NativeOrDynamicColorType,
-  offset: number,
-};
-
-export type NativeOrDynamicColorType = {
-  gradientDirection: string,
-  colorStops: Array<ColorStop>,
-};
diff --git a/packages/react-native-win32/src/Libraries/StyleSheet/PlatformColorValueTypes.win32.js b/packages/react-native-win32/src/Libraries/StyleSheet/PlatformColorValueTypes.win32.js
new file mode 100644
index 00000000000..997b7273e57
--- /dev/null
+++ b/packages/react-native-win32/src/Libraries/StyleSheet/PlatformColorValueTypes.win32.js
@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+import type {ColorValue} from './StyleSheetTypes';
+import type {ProcessedColorValue} from './processColor';
+
+type GradientColorStop = {|
+  color: ColorValue | ProcessedColorValue,
+  offset: number,
+|};
+
+export type GradientColorValueWin32 = {|
+  gradientDirection: 'ToBottom' | 'ToTop' | 'ToRight' | 'ToLeft',
+  colorStops: Array<GradientColorStop>,
+|};
+
+export opaque type NativeColorValue =
+  | $ReadOnly<GradientColorValueWin32>
+  | $ReadOnly<{|
+      resource_paths?: Array<string>,
+    |}>;
+
+export const PlatformColor = (...names: Array<string>): ColorValue => {
+  return {resource_paths: names};
+};
+
+export const ColorGradientWin32Private = (
+  gradientColor: GradientColorValueWin32,
+): ColorValue => {
+  return gradientColor;
+};
+
+export const normalizeColorObject = (
+  color: NativeColorValue,
+): ?ProcessedColorValue => {
+  if ('resource_paths' in color || 'gradientDirection' in color) {
+    return color;
+  }
+  return null;
+};
+
+export const processColorObject = (
+  color: NativeColorValue,
+): ?NativeColorValue => {
+  return color;
+};
diff --git a/packages/react-native-win32/src/Libraries/StyleSheet/PlatformColorValueTypesWin32.d.ts b/packages/react-native-win32/src/Libraries/StyleSheet/PlatformColorValueTypesWin32.d.ts
new file mode 100644
index 00000000000..d7496774332
--- /dev/null
+++ b/packages/react-native-win32/src/Libraries/StyleSheet/PlatformColorValueTypesWin32.d.ts
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+import type {ColorValue} from 'react-native';
+
+/**
+ * A color stop within a gradient.  The values can either be other color values such as 'red', or a value thats already gone through processColor
+ * Note: Currently we only support color stops from 0 to 1. (Where 0 is the gradient start, 1 is gradient end)
+ */
+export type GradientColorStop = {
+  color: string /*ColorValue*/ | number /*ProcessedColorValue*/,
+  offset: 0 | 1,
+};
+
+/**
+ * Specifies the direction the gradient is in, and a list of color stops for the gradient.
+ * Note: Currently we only support 2 color stops
+ */
+export type GradientColorValueWin32 = {
+  gradientDirection: 'ToBottom' | 'ToTop' | 'ToRight' | 'ToLeft',
+  colorStops: GradientColorStop[]
+};
+
+/**
+ * Creates a color value that renders using a grandient brush.
+ * This can be used to provide a value to most components that take a standard color value.
+ */
+export declare const ColorGradientWin32 : (
+  gradientColor: GradientColorValueWin32
+) => any /*ColorValue*/;
diff --git a/packages/react-native-win32/src/Libraries/StyleSheet/PlatformColorValueTypesWin32.js b/packages/react-native-win32/src/Libraries/StyleSheet/PlatformColorValueTypesWin32.js
new file mode 100644
index 00000000000..276eea32a3d
--- /dev/null
+++ b/packages/react-native-win32/src/Libraries/StyleSheet/PlatformColorValueTypesWin32.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+import type {ColorValue} from './StyleSheetTypes';
+import type {GradientColorValueWin32} from './PlatformColorValueTypes';
+import {ColorGradientWin32Private} from './PlatformColorValueTypes';
+
+export const ColorGradientWin32 = (
+  gradientColor: GradientColorValueWin32,
+): ColorValue => {
+  return ColorGradientWin32Private(gradientColor);
+};
diff --git a/packages/react-native-win32/src/Libraries/StyleSheet/StyleSheet.win32.js b/packages/react-native-win32/src/Libraries/StyleSheet/StyleSheet.win32.js
index 619d209e510..8299bd88d5d 100644
--- a/packages/react-native-win32/src/Libraries/StyleSheet/StyleSheet.win32.js
+++ b/packages/react-native-win32/src/Libraries/StyleSheet/StyleSheet.win32.js
@@ -349,7 +349,7 @@ module.exports = {
   /**
    * Creates a StyleSheet style reference from the given object.
    */
-  create<+S: ____Styles_Internal>(obj: S): $ObjMap<S, (Object) => any> {
+  create<+S: ____Styles_Internal>(obj: S): $ReadOnly<S> {
     // 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).
diff --git a/packages/react-native-win32/src/Libraries/StyleSheet/StyleSheetValidation.win32.js b/packages/react-native-win32/src/Libraries/StyleSheet/StyleSheetValidation.win32.js
new file mode 100644
index 00000000000..6eeef481536
--- /dev/null
+++ b/packages/react-native-win32/src/Libraries/StyleSheet/StyleSheetValidation.win32.js
@@ -0,0 +1,102 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 DeprecatedImageStylePropTypes = require('../DeprecatedPropTypes/DeprecatedImageStylePropTypes');
+const DeprecatedTextStylePropTypes = require('../DeprecatedPropTypes/DeprecatedTextStylePropTypes');
+const DeprecatedViewStylePropTypes = require('../DeprecatedPropTypes/DeprecatedViewStylePropTypes');
+
+const invariant = require('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
+// is done in the DOM so this might move into React. I know what I'm doing so
+// plz don't fire me.
+const ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+
+class StyleSheetValidation {
+  static validateStyleProp(prop: string, style: Object, caller: string) {
+    if (!__DEV__ || global.__RCTProfileIsProfiling) {
+      return;
+    }
+    if (allStylePropTypes[prop] === undefined) {
+      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);
+    }
+    const error = allStylePropTypes[prop](
+      style,
+      prop,
+      caller,
+      'prop',
+      null,
+      ReactPropTypesSecret,
+    );
+    if (error) {
+      styleError(error.message, style, caller);
+    }
+  }
+
+  static validateStyle(name: string, styles: Object) {
+    if (!__DEV__ || global.__RCTProfileIsProfiling) {
+      return;
+    }
+    // [Win32 #5269
+    if (!styles[name]) {
+      return;
+    }
+    // Win32]
+    const styleProps = Object.keys(styles[name]);
+    for (const prop of styleProps) {
+      StyleSheetValidation.validateStyleProp(
+        prop,
+        styles[name],
+        'StyleSheet ' + name,
+      );
+    }
+  }
+
+  /* $FlowFixMe(>=0.85.0 site=react_native_fb) This comment suppresses an error
+   * found when Flow v0.85 was deployed. To see the error, delete this comment
+   * and run Flow. */
+  static addValidStylePropTypes(stylePropTypes) {
+    if (!__DEV__ || global.__RCTProfileIsProfiling) {
+      return;
+    }
+    for (const key in stylePropTypes) {
+      allStylePropTypes[key] = stylePropTypes[key];
+    }
+  }
+}
+
+const styleError = function(message1, style, caller?, message2?) {
+  invariant(
+    false,
+    message1 +
+      '\n' +
+      (caller || '<<unknown>>') +
+      ': ' +
+      JSON.stringify(style, null, '  ') +
+      (message2 || ''),
+  );
+};
+
+const allStylePropTypes = {};
+
+if (__DEV__ && !global.__RCTProfileIsProfiling) {
+  StyleSheetValidation.addValidStylePropTypes(DeprecatedImageStylePropTypes);
+  StyleSheetValidation.addValidStylePropTypes(DeprecatedTextStylePropTypes);
+  StyleSheetValidation.addValidStylePropTypes(DeprecatedViewStylePropTypes);
+}
+
+module.exports = StyleSheetValidation;
diff --git a/packages/react-native-win32/src/Libraries/StyleSheet/normalizeColor.win32.js b/packages/react-native-win32/src/Libraries/StyleSheet/normalizeColor.win32.js
deleted file mode 100644
index 3b18b686194..00000000000
--- a/packages/react-native-win32/src/Libraries/StyleSheet/normalizeColor.win32.js
+++ /dev/null
@@ -1,393 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- *
- * @format
- * @flow
- */
-
-/* eslint no-bitwise: 0 */
-'use strict';
-
-import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
-
-function normalizeColor(
-  color: ?(
-    | string
-    | number
-    | NativeOrDynamicColorType
-  ) /* TODO(macOS ISS#2323203) */,
-): ?(number | NativeOrDynamicColorType) /* TODO(macOS ISS#2323203) */ {
-  const matchers = getMatchers();
-  let match;
-
-  if (typeof color === 'number') {
-    if (color >>> 0 === color && color >= 0 && color <= 0xffffffff) {
-      return color;
-    }
-    return null;
-  }
-
-  // [TODO(macOS ISS#2323203)
-  if (typeof color === 'object' && color !== null) {
-    const normalizeColorObject = require('./normalizeColorObject'); // TODO(macOS ISS#2323203)
-
-    const normalizedColorObj = normalizeColorObject(color);
-
-    if (normalizedColorObj !== null) {
-      return color;
-    }
-  }
-
-  if (typeof color !== 'string') {
-    return null;
-  } // ]TODO(macOS ISS#2323203)
-
-  // Ordered based on occurrences on Facebook codebase
-  if ((match = matchers.hex6.exec(color))) {
-    return parseInt(match[1] + 'ff', 16) >>> 0;
-  }
-
-  if (names.hasOwnProperty(color)) {
-    return names[color];
-  }
-
-  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
-    );
-  }
-
-  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
-    );
-  }
-
-  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
-    );
-  }
-
-  // https://drafts.csswg.org/css-color-4/#hex-notation
-  if ((match = matchers.hex8.exec(color))) {
-    return parseInt(match[1], 16) >>> 0;
-  }
-
-  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
-    );
-  }
-
-  if ((match = matchers.hsl.exec(color))) {
-    return (
-      (hslToRgb(
-        parse360(match[1]), // h
-        parsePercentage(match[2]), // s
-        parsePercentage(match[3]), // l
-      ) |
-        0x000000ff) >>> // a
-      0
-    );
-  }
-
-  if ((match = matchers.hsla.exec(color))) {
-    return (
-      (hslToRgb(
-        parse360(match[1]), // h
-        parsePercentage(match[2]), // s
-        parsePercentage(match[3]), // l
-      ) |
-        parse1(match[4])) >>> // a
-      0
-    );
-  }
-
-  return null;
-}
-
-function hue2rgb(p: number, q: number, t: number): number {
-  if (t < 0) {
-    t += 1;
-  }
-  if (t > 1) {
-    t -= 1;
-  }
-  if (t < 1 / 6) {
-    return p + (q - p) * 6 * t;
-  }
-  if (t < 1 / 2) {
-    return q;
-  }
-  if (t < 2 / 3) {
-    return p + (q - p) * (2 / 3 - t) * 6;
-  }
-  return p;
-}
-
-function hslToRgb(h: number, s: number, l: number): number {
-  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)
-  );
-}
-
-// var INTEGER = '[-+]?\\d+';
-const NUMBER = '[-+]?\\d*\\.?\\d+';
-const PERCENTAGE = NUMBER + '%';
-
-function call(...args) {
-  return '\\(\\s*(' + args.join(')\\s*,\\s*(') + ')\\s*\\)';
-}
-
-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 {
-  const int = parseInt(str, 10);
-  if (int < 0) {
-    return 0;
-  }
-  if (int > 255) {
-    return 255;
-  }
-  return int;
-}
-
-function parse360(str: string): number {
-  const int = parseFloat(str);
-  return (((int % 360) + 360) % 360) / 360;
-}
-
-function parse1(str: string): number {
-  const num = parseFloat(str);
-  if (num < 0) {
-    return 0;
-  }
-  if (num > 1) {
-    return 255;
-  }
-  return Math.round(num * 255);
-}
-
-function parsePercentage(str: string): number {
-  // parseFloat conveniently ignores the final %
-  const int = parseFloat(str);
-  if (int < 0) {
-    return 0;
-  }
-  if (int > 100) {
-    return 1;
-  }
-  return int / 100;
-}
-
-const names = {
-  transparent: 0x00000000,
-
-  // http://www.w3.org/TR/css3-color/#svg-color
-  aliceblue: 0xf0f8ffff,
-  antiquewhite: 0xfaebd7ff,
-  aqua: 0x00ffffff,
-  aquamarine: 0x7fffd4ff,
-  azure: 0xf0ffffff,
-  beige: 0xf5f5dcff,
-  bisque: 0xffe4c4ff,
-  black: 0x000000ff,
-  blanchedalmond: 0xffebcdff,
-  blue: 0x0000ffff,
-  blueviolet: 0x8a2be2ff,
-  brown: 0xa52a2aff,
-  burlywood: 0xdeb887ff,
-  burntsienna: 0xea7e5dff,
-  cadetblue: 0x5f9ea0ff,
-  chartreuse: 0x7fff00ff,
-  chocolate: 0xd2691eff,
-  coral: 0xff7f50ff,
-  cornflowerblue: 0x6495edff,
-  cornsilk: 0xfff8dcff,
-  crimson: 0xdc143cff,
-  cyan: 0x00ffffff,
-  darkblue: 0x00008bff,
-  darkcyan: 0x008b8bff,
-  darkgoldenrod: 0xb8860bff,
-  darkgray: 0xa9a9a9ff,
-  darkgreen: 0x006400ff,
-  darkgrey: 0xa9a9a9ff,
-  darkkhaki: 0xbdb76bff,
-  darkmagenta: 0x8b008bff,
-  darkolivegreen: 0x556b2fff,
-  darkorange: 0xff8c00ff,
-  darkorchid: 0x9932ccff,
-  darkred: 0x8b0000ff,
-  darksalmon: 0xe9967aff,
-  darkseagreen: 0x8fbc8fff,
-  darkslateblue: 0x483d8bff,
-  darkslategray: 0x2f4f4fff,
-  darkslategrey: 0x2f4f4fff,
-  darkturquoise: 0x00ced1ff,
-  darkviolet: 0x9400d3ff,
-  deeppink: 0xff1493ff,
-  deepskyblue: 0x00bfffff,
-  dimgray: 0x696969ff,
-  dimgrey: 0x696969ff,
-  dodgerblue: 0x1e90ffff,
-  firebrick: 0xb22222ff,
-  floralwhite: 0xfffaf0ff,
-  forestgreen: 0x228b22ff,
-  fuchsia: 0xff00ffff,
-  gainsboro: 0xdcdcdcff,
-  ghostwhite: 0xf8f8ffff,
-  gold: 0xffd700ff,
-  goldenrod: 0xdaa520ff,
-  gray: 0x808080ff,
-  green: 0x008000ff,
-  greenyellow: 0xadff2fff,
-  grey: 0x808080ff,
-  honeydew: 0xf0fff0ff,
-  hotpink: 0xff69b4ff,
-  indianred: 0xcd5c5cff,
-  indigo: 0x4b0082ff,
-  ivory: 0xfffff0ff,
-  khaki: 0xf0e68cff,
-  lavender: 0xe6e6faff,
-  lavenderblush: 0xfff0f5ff,
-  lawngreen: 0x7cfc00ff,
-  lemonchiffon: 0xfffacdff,
-  lightblue: 0xadd8e6ff,
-  lightcoral: 0xf08080ff,
-  lightcyan: 0xe0ffffff,
-  lightgoldenrodyellow: 0xfafad2ff,
-  lightgray: 0xd3d3d3ff,
-  lightgreen: 0x90ee90ff,
-  lightgrey: 0xd3d3d3ff,
-  lightpink: 0xffb6c1ff,
-  lightsalmon: 0xffa07aff,
-  lightseagreen: 0x20b2aaff,
-  lightskyblue: 0x87cefaff,
-  lightslategray: 0x778899ff,
-  lightslategrey: 0x778899ff,
-  lightsteelblue: 0xb0c4deff,
-  lightyellow: 0xffffe0ff,
-  lime: 0x00ff00ff,
-  limegreen: 0x32cd32ff,
-  linen: 0xfaf0e6ff,
-  magenta: 0xff00ffff,
-  maroon: 0x800000ff,
-  mediumaquamarine: 0x66cdaaff,
-  mediumblue: 0x0000cdff,
-  mediumorchid: 0xba55d3ff,
-  mediumpurple: 0x9370dbff,
-  mediumseagreen: 0x3cb371ff,
-  mediumslateblue: 0x7b68eeff,
-  mediumspringgreen: 0x00fa9aff,
-  mediumturquoise: 0x48d1ccff,
-  mediumvioletred: 0xc71585ff,
-  midnightblue: 0x191970ff,
-  mintcream: 0xf5fffaff,
-  mistyrose: 0xffe4e1ff,
-  moccasin: 0xffe4b5ff,
-  navajowhite: 0xffdeadff,
-  navy: 0x000080ff,
-  oldlace: 0xfdf5e6ff,
-  olive: 0x808000ff,
-  olivedrab: 0x6b8e23ff,
-  orange: 0xffa500ff,
-  orangered: 0xff4500ff,
-  orchid: 0xda70d6ff,
-  palegoldenrod: 0xeee8aaff,
-  palegreen: 0x98fb98ff,
-  paleturquoise: 0xafeeeeff,
-  palevioletred: 0xdb7093ff,
-  papayawhip: 0xffefd5ff,
-  peachpuff: 0xffdab9ff,
-  peru: 0xcd853fff,
-  pink: 0xffc0cbff,
-  plum: 0xdda0ddff,
-  powderblue: 0xb0e0e6ff,
-  purple: 0x800080ff,
-  rebeccapurple: 0x663399ff,
-  red: 0xff0000ff,
-  rosybrown: 0xbc8f8fff,
-  royalblue: 0x4169e1ff,
-  saddlebrown: 0x8b4513ff,
-  salmon: 0xfa8072ff,
-  sandybrown: 0xf4a460ff,
-  seagreen: 0x2e8b57ff,
-  seashell: 0xfff5eeff,
-  sienna: 0xa0522dff,
-  silver: 0xc0c0c0ff,
-  skyblue: 0x87ceebff,
-  slateblue: 0x6a5acdff,
-  slategray: 0x708090ff,
-  slategrey: 0x708090ff,
-  snow: 0xfffafaff,
-  springgreen: 0x00ff7fff,
-  steelblue: 0x4682b4ff,
-  tan: 0xd2b48cff,
-  teal: 0x008080ff,
-  thistle: 0xd8bfd8ff,
-  tomato: 0xff6347ff,
-  turquoise: 0x40e0d0ff,
-  violet: 0xee82eeff,
-  wheat: 0xf5deb3ff,
-  white: 0xffffffff,
-  whitesmoke: 0xf5f5f5ff,
-  yellow: 0xffff00ff,
-  yellowgreen: 0x9acd32ff,
-};
-
-module.exports = normalizeColor;
diff --git a/packages/react-native-win32/src/Libraries/StyleSheet/normalizeColorObject.win32.js b/packages/react-native-win32/src/Libraries/StyleSheet/normalizeColorObject.win32.js
deleted file mode 100644
index 17587bd3809..00000000000
--- a/packages/react-native-win32/src/Libraries/StyleSheet/normalizeColorObject.win32.js
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- *
- * @format
- * @flow
- */
-'use strict';
-
-const invariant = require('invariant');
-const normalizeColor = require('./normalizeColor');
-
-import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType';
-
-function normalizeColorObject(
-  color: NativeOrDynamicColorType,
-): ?NativeOrDynamicColorType {
-  if (color && typeof color === 'object') {
-    if (
-      color.hasOwnProperty('colorStops') &&
-      color.hasOwnProperty('gradientDirection')
-    ) {
-      invariant(
-        color.colorStops.length >= 2,
-        'Gradients must contain at least two colors.',
-      );
-
-      invariant(
-        color.gradientDirection === 'ToTop' ||
-          color.gradientDirection === 'ToBottom' ||
-          color.gradientDirection === 'ToLeft' ||
-          color.gradientDirection === 'ToRight',
-        'Unsupported gradient direction; currently supports ToTop, ToBottom, ToLeft, and ToRight.',
-      );
-
-      const gradientColorStops: Array<{
-        color: string | number | NativeOrDynamicColorType,
-        offset: number,
-      }> = [];
-      color.colorStops.forEach(
-        (colorStop: {
-          color: string | number | NativeOrDynamicColorType,
-          offset: number,
-        }) => {
-          gradientColorStops.push({
-            // $FlowFixMe
-            color: normalizeColor(colorStop.color),
-            offset: colorStop.offset,
-          });
-        },
-      );
-
-      return {
-        gradientDirection: color.gradientDirection,
-        colorStops: gradientColorStops,
-      };
-    }
-  }
-
-  return null;
-}
-
-module.exports = normalizeColorObject;
diff --git a/packages/react-native-win32/src/Libraries/StyleSheet/processColor.win32.js b/packages/react-native-win32/src/Libraries/StyleSheet/processColor.win32.js
deleted file mode 100644
index 63c75be788f..00000000000
--- a/packages/react-native-win32/src/Libraries/StyleSheet/processColor.win32.js
+++ /dev/null
@@ -1,56 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-const Platform = require('../Utilities/Platform');
-
-const normalizeColor = require('./normalizeColor');
-import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType'; // ]TODO(macOS ISS#2323203)
-
-/* eslint no-bitwise: 0 */
-function processColor(
-  color?: ?(string | number | NativeOrDynamicColorType),
-): ?(number | NativeOrDynamicColorType) /* TODO(macOS ISS#2323203) */ {
-  if (color === undefined || color === null) {
-    return color;
-  }
-
-  let int32Color = normalizeColor(color);
-  if (int32Color === null || int32Color === undefined) {
-    return undefined;
-  }
-
-  if (typeof int32Color === 'object') {
-    const processColorObject = require('./processColorObject'); // TODO(macOS ISS#2323203)
-
-    const processedColorObj = processColorObject(int32Color);
-
-    if (processedColorObj !== null) {
-      return processedColorObj;
-    }
-  }
-
-  if (typeof int32Color !== 'number') {
-    return null;
-  } // ]TODO(macOS ISS#2323203)
-
-  // Converts 0xrrggbbaa into 0xaarrggbb
-  int32Color = ((int32Color << 24) | (int32Color >>> 8)) >>> 0;
-
-  if (Platform.OS === 'android') {
-    // Android use 32 bit *signed* integer to represent the color
-    // We utilize the fact that bitwise operations in JS also operates on
-    // signed 32 bit integers, so that we can use those to convert from
-    // *unsigned* to *signed* 32bit int that way.
-    int32Color = int32Color | 0x0;
-  }
-  return int32Color;
-}
-
-module.exports = processColor;
diff --git a/packages/react-native-win32/src/Libraries/StyleSheet/processColorArray.win32.js b/packages/react-native-win32/src/Libraries/StyleSheet/processColorArray.win32.js
deleted file mode 100644
index 066a78caa06..00000000000
--- a/packages/react-native-win32/src/Libraries/StyleSheet/processColorArray.win32.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-const processColor = require('./processColor');
-import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
-
-function processColorArray(
-  /* $FlowFixMe(>=0.89.0 site=react_native_fb) This comment suppresses an
-   * error found when Flow v0.89 was deployed. To see the error, delete
-   * this comment and run Flow. */
-  colors: ?Array<any>,
-): ?Array<?(number | NativeOrDynamicColorType)> /* TODO(macOS ISS#2323203) */ {
-  // ]TODO(macOS ISS#2323203)
-  return colors == null ? null : colors.map(processColor);
-}
-
-module.exports = processColorArray;
diff --git a/packages/react-native-win32/src/Libraries/StyleSheet/processColorObject.win32.js b/packages/react-native-win32/src/Libraries/StyleSheet/processColorObject.win32.js
deleted file mode 100644
index deec976204e..00000000000
--- a/packages/react-native-win32/src/Libraries/StyleSheet/processColorObject.win32.js
+++ /dev/null
@@ -1,58 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- *
- * @format
- * @flow
- */
-'use strict';
-
-const invariant = require('invariant');
-const processColor = require('./processColor');
-
-import type {
-  ColorStop,
-  NativeOrDynamicColorType,
-} from './NativeOrDynamicColorType';
-
-function processColorObject(
-  color?: NativeOrDynamicColorType,
-): ?NativeOrDynamicColorType {
-  if (color && typeof color === 'object') {
-    if (
-      color.hasOwnProperty('colorStops') &&
-      color.hasOwnProperty('gradientDirection')
-    ) {
-      invariant(
-        color.colorStops.length >= 2,
-        'Gradients must contain at least two colors.',
-      );
-
-      invariant(
-        color.gradientDirection === 'ToTop' ||
-          color.gradientDirection === 'ToBottom' ||
-          color.gradientDirection === 'ToLeft' ||
-          color.gradientDirection === 'ToRight',
-        'Unsupported gradient direction; currently supports ToTop, ToBottom, ToLeft, and ToRight.',
-      );
-
-      const gradientColorStops: Array<ColorStop> = [];
-      color.colorStops.forEach((colorStop: ColorStop) => {
-        gradientColorStops.push({
-          //$FlowFixMe
-          color: processColor(colorStop.color),
-          offset: colorStop.offset,
-        });
-      });
-
-      return {
-        gradientDirection: color.gradientDirection,
-        colorStops: gradientColorStops,
-      };
-    }
-  }
-
-  return null;
-}
-
-module.exports = processColorObject;
-// ]TODO(macOS ISS#2323203)
diff --git a/packages/react-native-win32/src/Libraries/Utilities/NativePlatformConstantsWin.js b/packages/react-native-win32/src/Libraries/Utilities/NativePlatformConstantsWin.js
index dfc37fdea8e..b4a03efcd80 100644
--- a/packages/react-native-win32/src/Libraries/Utilities/NativePlatformConstantsWin.js
+++ b/packages/react-native-win32/src/Libraries/Utilities/NativePlatformConstantsWin.js
@@ -23,6 +23,6 @@ export interface Spec extends TurboModule {
   |};
 }
 
-// Hack: This should be getEnforcing, but devmain won't pick up the native
-// module until they use the DLL for React Native Windows 0.61
-export default (TurboModuleRegistry.get<Spec>('PlatformConstants'): ?Spec);
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'PlatformConstants',
+): Spec);
diff --git a/packages/react-native-win32/src/Libraries/Utilities/Platform.win32.js b/packages/react-native-win32/src/Libraries/Utilities/Platform.win32.js
index b007f18e40e..6f9bbf7f9e7 100644
--- a/packages/react-native-win32/src/Libraries/Utilities/Platform.win32.js
+++ b/packages/react-native-win32/src/Libraries/Utilities/Platform.win32.js
@@ -30,23 +30,7 @@ const Platform = {
     |},
   |} {
     if (this.__constants == null) {
-      // Hack: We shouldn't need to null-check NativePlatformContants, but
-      // needed to remove the invariant it is non-null since react-native-win32
-      // hasn't picked up the changes we've made in 0.61 to add the module yet.
-      // This can be removed when we fix win32 NativePlatformConstantsWin.
-      if (NativePlatformConstantsWin) {
-        this.__constants = NativePlatformConstantsWin.getConstants();
-      } else {
-        this.__constants = {
-          isTesting: false,
-          reactNativeVersion: {
-            major: 0,
-            minor: 62,
-            patch: 0,
-            prerelease: undefined,
-          },
-        };
-      }
+      this.__constants = NativePlatformConstantsWin.getConstants();
     }
     return this.__constants;
   },
diff --git a/packages/react-native-win32/src/Libraries/YellowBox/UI/YellowBoxInspectorHeader.win32.js b/packages/react-native-win32/src/Libraries/YellowBox/UI/YellowBoxInspectorHeader.win32.js
deleted file mode 100644
index 8a5b416ae9a..00000000000
--- a/packages/react-native-win32/src/Libraries/YellowBox/UI/YellowBoxInspectorHeader.win32.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @flow
- * @format
- */
-
-'use strict';
-const React = require('react');
-const View = require('../../Components/View/View');
-
-import type YellowBoxWarning from '../Data/YellowBoxWarning';
-
-type Props = $ReadOnly<{|
-  onSelectIndex: (selectedIndex: number) => void,
-  selectedIndex: number,
-  warnings: $ReadOnlyArray<YellowBoxWarning>,
-|}>;
-
-// The RN YellowBoxInspectorHeader uses PixelRatio, which isn't multi DPI aware.
-// So we just stub the header for now
-const YellowBoxInspectorHeader = (props: Props): React.Node => <View />;
-module.exports = YellowBoxInspectorHeader;
diff --git a/packages/react-native-win32/src/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.win32.js b/packages/react-native-win32/src/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.win32.js
deleted file mode 100644
index d2f805dfb3c..00000000000
--- a/packages/react-native-win32/src/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.win32.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- *
- * @flow strict-local
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const Text = require('../../Text/Text');
-import type {PressEvent} from '../../Types/CoreEventTypes';
-
-// [Win32] - Replace implementation since react-native uses Animated.Image which win32 doesn't support
-
-type Props = $ReadOnly<{|
-  onPress?: ?(event: PressEvent) => void,
-  status: 'COMPLETE' | 'FAILED' | 'NONE' | 'PENDING',
-|}>;
-
-const YellowBoxInspectorSourceMapStaus = (props: Props): React.Node => {
-  return <Text>{props.status}</Text>;
-};
-module.exports = YellowBoxInspectorSourceMapStaus;
diff --git a/packages/react-native-win32/src/Libraries/YellowBox/UI/YellowBoxList.win32.js b/packages/react-native-win32/src/Libraries/YellowBox/UI/YellowBoxList.win32.js
deleted file mode 100644
index ca4399b681f..00000000000
--- a/packages/react-native-win32/src/Libraries/YellowBox/UI/YellowBoxList.win32.js
+++ /dev/null
@@ -1,144 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- *
- * @flow strict-local
- * @format
- */
-
-'use strict';
-
-const Dimensions = require('../../Utilities/Dimensions');
-const FlatList = require('../../Lists/FlatList');
-const React = require('react');
-const SafeAreaView = require('../../Components/SafeAreaView/SafeAreaView');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const View = require('../../Components/View/View');
-const YellowBoxButton = require('./YellowBoxButton');
-const YellowBoxInspector = require('./YellowBoxInspector');
-const YellowBoxListRow = require('./YellowBoxListRow');
-const YellowBoxStyle = require('./YellowBoxStyle');
-const Platform = require('../../Utilities/Platform'); // TODO(windows ISS)
-
-import type {Category} from '../Data/YellowBoxCategory';
-import type {Registry} from '../Data/YellowBoxRegistry';
-
-type Props = $ReadOnly<{|
-  onDismiss: (category: Category) => void,
-  onDismissAll: () => void,
-  registry: Registry,
-|}>;
-
-type State = {|
-  selectedCategory: ?Category,
-|};
-
-const VIEWPORT_RATIO = 0.5;
-const MAX_ITEMS =
-  Platform.OS === 'win32' // [Win32 - Avoid calls to Dimensions since we need multi window support
-    ? 3
-    : Math.floor(
-        (Dimensions.get('window').height * VIEWPORT_RATIO) /
-          (YellowBoxListRow.GUTTER + YellowBoxListRow.HEIGHT),
-      ); // ]Win32
-
-class YellowBoxList extends React.Component<Props, State> {
-  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 = {
-      width: Platform.OS === 'win32' ? '85%' : undefined, // [Win32 - Percentage not currently supported on win32]
-      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: Platform.OS === 'win32' ? 0 : '100%', // [Win32 - Percentage not currently supported on win32]
-    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/packages/react-native-win32/src/Libraries/core/ReactNativeVersionCheck.win32.js b/packages/react-native-win32/src/Libraries/core/ReactNativeVersionCheck.win32.js
new file mode 100644
index 00000000000..1eb02e4c57f
--- /dev/null
+++ b/packages/react-native-win32/src/Libraries/core/ReactNativeVersionCheck.win32.js
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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';
+
+import Platform from '../Utilities/Platform';
+const ReactNativeVersion = require('./ReactNativeVersion');
+
+/**
+ * Checks that the version of this React Native JS is compatible with the native
+ * code, throwing an error if it isn't.
+ *
+ * The existence of this module is part of the public interface of React Native
+ * even though it is used only internally within React Native. React Native
+ * implementations for other platforms (ex: Windows) may override this module
+ * and rely on its existence as a separate module.
+ */
+exports.checkVersions = function checkVersions(): void {
+  const nativeVersion = Platform.constants.reactNativeVersion;
+  if (
+    ReactNativeVersion.version.major !== nativeVersion.major ||
+    ReactNativeVersion.version.minor !== nativeVersion.minor
+  ) {
+    // [Win32 We cannot always match versions. Warn instead of error
+    console.warn(
+      // Win32]
+      `React Native version mismatch.\n\nJavaScript version: ${_formatVersion(
+        ReactNativeVersion.version,
+      )}\n` +
+        `Native version: ${_formatVersion(nativeVersion)}\n\n` +
+        'Make sure that you have rebuilt the native code. If the problem ' +
+        'persists try clearing the Watchman and packager caches with ' +
+        '`watchman watch-del-all && react-native start --reset-cache`.',
+    );
+  }
+};
+
+function _formatVersion(version): string {
+  return (
+    `${version.major}.${version.minor}.${version.patch}` +
+    // eslint-disable-next-line eqeqeq
+    (version.prerelease != undefined ? `-${version.prerelease}` : '')
+  );
+}
diff --git a/packages/react-native-win32/src/Libraries/core/setUpReactDevTools.win32.js b/packages/react-native-win32/src/Libraries/core/setUpReactDevTools.win32.js
deleted file mode 100644
index 638f0f51494..00000000000
--- a/packages/react-native-win32/src/Libraries/core/setUpReactDevTools.win32.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-if (__DEV__) {
-  const reactDevTools = require('react-devtools-core');
-  const connectToDevTools = () => {
-    // not when debugging in chrome
-    // TODO(t12832058) This check is broken
-    if (!window.document) {
-      const AppState = require('../AppState/AppState');
-      const getDevServer = require('./Devtools/getDevServer');
-
-      // Don't steal the DevTools from currently active app.
-      // Note: if you add any AppState subscriptions to this file,
-      // you will also need to guard against `AppState.isAvailable`,
-      // or the code will throw for bundles that don't have it.
-      const isAppActive = () => AppState.currentState !== 'background';
-
-      // Get hostname from development server (packager)
-      const devServer = getDevServer();
-      const host = devServer.bundleLoadedFromServer
-        ? devServer.url.replace(/https?:\/\//, '').split(':')[0]
-        : 'localhost';
-
-      // Read the optional global variable for backward compatibility.
-      // It was added in https://github.com/facebook/react-native/commit/bf2b435322e89d0aeee8792b1c6e04656c2719a0.
-      const port =
-        window.__REACT_DEVTOOLS_PORT__ != null
-          ? window.__REACT_DEVTOOLS_PORT__
-          : 8097;
-
-      const WebSocket = require('../WebSocket/WebSocket');
-      const ws = new WebSocket('ws://' + host + ':' + port);
-
-      const viewConfig = require('../Components/View/ReactNativeViewViewConfig'); // [Win32] Remove .js
-      reactDevTools.connectToDevTools({
-        isAppActive,
-        resolveRNStyle: require('../StyleSheet/flattenStyle'),
-        nativeStyleEditorValidAttributes: Object.keys(
-          viewConfig.validAttributes.style,
-        ),
-        websocket: ws,
-      });
-    }
-  };
-
-  const RCTNativeAppEventEmitter = require('../EventEmitter/RCTNativeAppEventEmitter');
-  RCTNativeAppEventEmitter.addListener('RCTDevMenuShown', connectToDevTools);
-  connectToDevTools(); // Try connecting once on load
-}
diff --git a/packages/react-native-win32/src/RNTester/AsyncStorageStub.ts b/packages/react-native-win32/src/RNTester/AsyncStorageStub.ts
deleted file mode 100644
index f2b46e9dfea..00000000000
--- a/packages/react-native-win32/src/RNTester/AsyncStorageStub.ts
+++ /dev/null
@@ -1,209 +0,0 @@
-/**
- * Stub implementation of AsyncStorage for RNTester
- *
- * If we get a NativeModule implementation of AsyncStorage then this can be replaced
- * with a real implementation.  Currently the real implementation is a reka module in devmain
- */
-'use strict';
-
-/**
- * `AsyncStorage` is a simple, unencrypted, asynchronous, persistent, key-value
- * storage system that is global to the app.  It should be used instead of
- * LocalStorage.
- *
- * See http://facebook.github.io/react-native/docs/asyncstorage.html
- */
-class AsyncStorage {
-  private _localStorage: { [key: string]: string } = {};
-
-  /**
-   * Fetches an item for a `key` and invokes a callback upon completion.
-   *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#getitem
-   */
-  public getItem = (key: string, callback?: (error?: Error, result?: string) => void): Promise<string> => {
-    return new Promise((resolve, _reject) => {
-      const r = this._localStorage[key] === undefined ? null : this._localStorage[key];
-      if (callback) {
-        callback(null, r);
-      }
-      resolve(r);
-    });
-  };
-
-  /**
-   * Sets the value for a `key` and invokes a callback upon completion.
-   *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#setitem
-   */
-  public setItem = (key: string, value: string, callback?: (error?: Error) => void): Promise<void> => {
-    return new Promise((resolve, _reject) => {
-      this._localStorage[key] = value;
-      if (callback) {
-        callback();
-      }
-      resolve();
-    });
-  };
-
-  /**
-   * Removes an item for a `key` and invokes a callback upon completion.
-   *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#removeitem
-   */
-  public removeItem = (key: string, callback?: (error?: Error) => void): Promise<void> => {
-    return new Promise((resolve, _reject) => {
-      delete this._localStorage[key];
-      if (callback) {
-        callback();
-      }
-      resolve();
-    });
-  };
-
-  /**
-   * Erases *all* `AsyncStorage` for all clients, libraries, etc. You probably
-   * don't want to call this; use `removeItem` or `multiRemove` to clear only
-   * your app's keys.
-   *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#clear
-   */
-  public clear = (callback?: (error?: Error) => void): Promise<void> => {
-    return new Promise((resolve, _reject) => {
-      this._localStorage = {};
-      if (callback) {
-        callback();
-      }
-      resolve();
-    });
-  };
-
-  /**
-   * Gets *all* keys known to your app; for all callers, libraries, etc.
-   *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#getallkeys
-   */
-  public getAllKeys = (callback?: (error?: Error, keys?: Array<string>) => void): Promise<string[]> => {
-    return new Promise((resolve, _reject) => {
-      if (callback) {
-        callback(null, Object.keys(this._localStorage));
-      }
-      resolve(Object.keys(this._localStorage));
-    });
-  };
-
-  /**
-   * The following batched functions are useful for executing a lot of
-   * operations at once, allowing for native optimizations and provide the
-   * convenience of a single callback after all operations are complete.
-   *
-   * These functions return arrays of errors, potentially one for every key.
-   * For key-specific errors, the Error object will have a key property to
-   * indicate which key caused the error.
-   */
-
-  /**
-   * Flushes any pending requests using a single batch call to get the data.
-   *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#flushgetrequests
-   * */
-  public flushGetRequests = (): void => {
-    return;
-  };
-
-  /**
-   * This allows you to batch the fetching of items given an array of `key`
-   * inputs. Your callback will be invoked with an array of corresponding
-   * key-value pairs found.
-   *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#multiget
-   */
-  public multiGet = (
-    keys: Array<string>,
-    callback?: (errors?: Array<Error>, result?: Array<Array<string>>) => void
-  ): Promise<Array<Array<string>>> => {
-    return new Promise((resolve, _reject) => {
-      const res = [];
-      for (const key of keys) {
-        const r = this._localStorage[key] === undefined ? null : this._localStorage[key];
-        res.push([key, r]);
-      }
-
-      if (callback) {
-        callback(null, res);
-      }
-      resolve(res);
-    });
-  };
-
-  /**
-   * Use this as a batch operation for storing multiple key-value pairs. When
-   * the operation completes you'll get a single callback with any errors.
-   *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#multiset
-   */
-  public multiSet = (keyValuePairs: Array<Array<string>>, callback?: (errors?: Array<Error>) => void): Promise<void> => {
-    return new Promise((resolve, _reject) => {
-      for (const pair of keyValuePairs) {
-        this._localStorage[pair[0]] = pair[1];
-      }
-      if (callback) {
-        callback(null);
-      }
-      resolve();
-    });
-  };
-
-  /**
-   * Call this to batch the deletion of all keys in the `keys` array.
-   *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#multiremove
-   */
-  public multiRemove = (keys: Array<string>, callback?: (errors?: Array<Error>) => void): Promise<void> => {
-    return new Promise((resolve, _reject) => {
-      for (const key of keys) {
-        delete this._localStorage[key];
-      }
-      if (callback) {
-        callback(null);
-      }
-      resolve();
-    });
-  };
-}
-
-/**
- * Batch operation to merge in existing and new values for a given set of
- * keys. This assumes that the values are stringified JSON.
- *
- * **NOTE**: This is not supported by all native implementations.
- *
- * See http://facebook.github.io/react-native/docs/asyncstorage.html#multimerge
- */
-/*
-  multiMerge: function(
-    keyValuePairs: Array<Array<string>>,
-    callback?: ?(errors: ?Array<Error>) => void
-  ): Promise {
-    return new Promise((resolve, reject) => {
-      RCTAsyncStorage.multiMerge(keyValuePairs, function(errors) {
-        var error = convertErrors(errors);
-        callback && callback(error);
-        if (error) {
-          reject(error);
-        } else {
-          resolve(null);
-        }
-      });
-    });
-  },
-};
-
-// Not all native implementations support merge.
-if (!RCTAsyncStorage.multiMerge) {
-  delete AsyncStorage.mergeItem;
-  delete AsyncStorage.multiMerge;
-}
-*/
-
-export = new AsyncStorage();
diff --git a/packages/react-native-win32/src/RNTester/js/RNTesterApp.win32.js b/packages/react-native-win32/src/RNTester/js/RNTesterApp.win32.js
new file mode 100644
index 00000000000..0d547d34a64
--- /dev/null
+++ b/packages/react-native-win32/src/RNTester/js/RNTesterApp.win32.js
@@ -0,0 +1,285 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 RNTesterActions = require('./utils/RNTesterActions');
+const RNTesterExampleContainer = require('./components/RNTesterExampleContainer');
+const RNTesterExampleList = require('./components/RNTesterExampleList');
+const RNTesterList = require('./utils/RNTesterList'); // [Win32] Remove .ios
+const RNTesterNavigationReducer = require('./utils/RNTesterNavigationReducer');
+const React = require('react');
+// const SnapshotViewIOS = require('./examples/Snapshot/SnapshotViewIOS.ios'); [Win32]
+const URIActionMap = require('./utils/URIActionMap');
+
+const {
+  AppRegistry,
+  // AsyncStorage, [Win32]
+  BackHandler,
+  Button,
+  Linking,
+  Platform,
+  SafeAreaView,
+  StyleSheet,
+  Text,
+  useColorScheme,
+  View,
+  LogBox,
+} = require('react-native');
+
+import type {RNTesterExample} from './types/RNTesterTypes';
+import type {RNTesterAction} from './utils/RNTesterActions';
+import type {RNTesterNavigationState} from './utils/RNTesterNavigationReducer';
+import {RNTesterThemeContext, themes} from './components/RNTesterTheme';
+import type {ColorSchemeName} from '../../Libraries/Utilities/NativeAppearance';
+
+type Props = {exampleFromAppetizeParams?: ?string, ...};
+
+LogBox.ignoreLogs(['Module RCTImagePickerManager requires main queue setup']);
+
+// const APP_STATE_KEY = 'RNTesterAppState.v2'; [Win32]
+
+const Header = ({
+  onBack,
+  title,
+}: {
+  onBack?: () => mixed,
+  title: string,
+  ...
+}) => (
+  <RNTesterThemeContext.Consumer>
+    {theme => {
+      return (
+        <SafeAreaView
+          style={[
+            styles.headerContainer,
+            {
+              borderBottomColor: theme.SeparatorColor,
+              backgroundColor: theme.TertiarySystemBackgroundColor,
+            },
+          ]}>
+          <View style={styles.header}>
+            <View style={styles.headerCenter}>
+              <Text style={{...styles.title, ...{color: theme.LabelColor}}}>
+                {title}
+              </Text>
+            </View>
+            {onBack && (
+              <View>
+                <Button
+                  title="Back"
+                  onPress={onBack}
+                  color={Platform.select({
+                    ios: theme.LinkColor,
+                    default: undefined,
+                  })}
+                />
+              </View>
+            )}
+          </View>
+        </SafeAreaView>
+      );
+    }}
+  </RNTesterThemeContext.Consumer>
+);
+
+const RNTesterExampleContainerViaHook = ({
+  onBack,
+  title,
+  module,
+}: {
+  onBack?: () => mixed,
+  title: string,
+  module: RNTesterExample,
+  ...
+}) => {
+  const colorScheme: ?ColorSchemeName = useColorScheme();
+  const theme = colorScheme === 'dark' ? themes.dark : themes.light;
+  return (
+    <RNTesterThemeContext.Provider value={theme}>
+      <View style={styles.exampleContainer}>
+        <Header onBack={onBack} title={title} />
+        <RNTesterExampleContainer module={module} />
+      </View>
+    </RNTesterThemeContext.Provider>
+  );
+};
+
+const RNTesterExampleListViaHook = ({
+  onNavigate,
+  list,
+}: {
+  onNavigate?: () => mixed,
+  list: {
+    ComponentExamples: Array<RNTesterExample>,
+    APIExamples: Array<RNTesterExample>,
+    ...
+  },
+  ...
+}) => {
+  const colorScheme: ?ColorSchemeName = useColorScheme();
+  const theme = colorScheme === 'dark' ? themes.dark : themes.light;
+  return (
+    <RNTesterThemeContext.Provider value={theme}>
+      <View style={styles.exampleContainer}>
+        <Header title="RNTester" />
+        <RNTesterExampleList onNavigate={onNavigate} list={list} />
+      </View>
+    </RNTesterThemeContext.Provider>
+  );
+};
+
+class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
+  _mounted: boolean;
+
+  UNSAFE_componentWillMount() {
+    // [Win32 BackHandler not implemented
+    // BackHandler.addEventListener('hardwareBackPress', this._handleBack);
+    // Win32]
+  }
+
+  componentDidMount() {
+    this._mounted = true;
+
+    // [Win32 Rex doesn't provide AsyncStorage or Linking by default
+    // Linking.getInitialURL().then(url => {
+    //   // eslint-disable-next-line handle-callback-err
+    //   AsyncStorage.getItem(APP_STATE_KEY, (err, storedString) => {
+    //     if (!this._mounted) {
+    //       return;
+    //     }
+    //     const exampleAction = URIActionMap(
+    //       this.props.exampleFromAppetizeParams,
+    //     );
+    //     const urlAction = URIActionMap(url);
+    //     const launchAction = exampleAction || urlAction;
+    //     const initialAction = launchAction || {type: 'InitialAction'};
+    //     this.setState(RNTesterNavigationReducer(undefined, initialAction));
+    //   });
+    // });
+
+    // Linking.addEventListener('url', url => {
+    //   this._handleAction(URIActionMap(url));
+    // });
+
+    // eslint-disable-next-line react/no-did-mount-set-state
+    this.setState(
+      RNTesterNavigationReducer(undefined, {type: 'InitialAction'}),
+    );
+    // Win32]
+  }
+
+  componentWillUnmount() {
+    this._mounted = false;
+  }
+
+  _handleBack = () => {
+    this._handleAction(RNTesterActions.Back());
+  };
+
+  _handleAction = (action: ?RNTesterAction) => {
+    if (!action) {
+      return;
+    }
+    const newState = RNTesterNavigationReducer(this.state, action);
+    if (this.state !== newState) {
+      this.setState(newState); // [Win32] Remove AsyncStorage usage
+    }
+  };
+
+  render(): React.Node | null {
+    if (!this.state) {
+      return null;
+    }
+    if (this.state.openExample) {
+      const Component = RNTesterList.Modules[this.state.openExample];
+      if (Component && Component.external) {
+        return <Component onExampleExit={this._handleBack} />;
+      } else {
+        return (
+          <RNTesterExampleContainerViaHook
+            onBack={this._handleBack}
+            title={Component.title}
+            module={Component}
+          />
+        );
+      }
+    }
+    return (
+      <RNTesterExampleListViaHook
+        onNavigate={this._handleAction}
+        list={RNTesterList}
+      />
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  headerContainer: {
+    borderBottomWidth: StyleSheet.hairlineWidth,
+  },
+  header: {
+    height: 40,
+    flexDirection: 'row',
+  },
+  headerCenter: {
+    flex: 1,
+    position: 'absolute',
+    top: 7,
+    left: 0,
+    right: 0,
+    alignItems: 'center',
+  },
+  title: {
+    fontSize: 19,
+    fontWeight: '600',
+    textAlign: 'center',
+  },
+  exampleContainer: {
+    flex: 1,
+  },
+});
+// [Win32
+// AppRegistry.registerComponent('SetPropertiesExampleApp', () =>
+//   require('./examples/SetPropertiesExample/SetPropertiesExampleApp'),
+// );
+// AppRegistry.registerComponent('RootViewSizeFlexibilityExampleApp', () =>
+//   require('./examples/RootViewSizeFlexibilityExample/RootViewSizeFlexibilityExampleApp'),
+// );
+// Win32]
+
+AppRegistry.registerComponent('RNTesterApp', () => RNTesterApp);
+
+// [Win32
+// // 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>
+//           );
+//         }
+//       }
+
+//       AppRegistry.registerComponent(
+//         ExampleModule.displayName,
+//         () => Snapshotter,
+//       );
+//     }
+//   },
+// );
+// Win32]
+
+module.exports = RNTesterApp;
diff --git a/packages/react-native-win32/src/RNTester/js/RNTesterApp.win32.tsx b/packages/react-native-win32/src/RNTester/js/RNTesterApp.win32.tsx
deleted file mode 100644
index cda2746056b..00000000000
--- a/packages/react-native-win32/src/RNTester/js/RNTesterApp.win32.tsx
+++ /dev/null
@@ -1,156 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-'use strict';
-
-import * as React from 'react';
-import {Button, AppRegistry, StyleSheet, Text, View} from 'react-native';
-const RNTesterActions = require('react-native/RNTester/js/utils/RNTesterActions');
-const RNTesterExampleContainer = require('react-native/RNTester/js/components/RNTesterExampleContainer');
-const RNTesterExampleList = require('react-native/RNTester/js/components/RNTesterExampleList');
-const RNTesterList = require('./utils/RNTesterList.win32');
-const RNTesterNavigationReducer = require('react-native/RNTester/js/utils/RNTesterNavigationReducer');
-
-const styles = StyleSheet.create({
-  headerContainer: {
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: '#96969A',
-    backgroundColor: '#F5F5F6',
-  },
-  header: {
-    height: 40,
-    flexDirection: 'row',
-  },
-  headerLeft: {},
-  headerCenter: {
-    flex: 1,
-    position: 'absolute',
-    top: 7,
-    left: 0,
-    right: 0,
-  },
-  title: {
-    fontSize: 19,
-    fontWeight: '600',
-    textAlign: 'center',
-  },
-  exampleContainer: {
-    flex: 1,
-  },
-});
-
-interface IRNTesterNavigationState {
-  openExample?: string;
-}
-
-interface IRNTesterAppProps {
-  exampleFromAppetizeParams: string;
-}
-
-const Header = ({onBack, title}: {onBack?: () => void; title: string}) => (
-  <View 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} accessibilityLabel="Back" />
-        </View>
-      )}
-    </View>
-  </View>
-);
-
-class RNTesterApp extends React.Component<
-  IRNTesterAppProps,
-  IRNTesterNavigationState
-> {
-  public render(): JSX.Element {
-    if (!this.state) {
-      return <Text>null state</Text>;
-    }
-    if (this.state.openExample) {
-      const Component = RNTesterList.Modules[this.state.openExample];
-      if (Component.external) {
-        // tslint:disable-next-line:no-any
-        const Comp = Component as any;
-        return <Comp onExampleExit={this._handleBack} />;
-      } else {
-        return (
-          <View style={styles.exampleContainer}>
-            <Header onBack={this._handleBack} title={Component.title} />
-            <RNTesterExampleContainer module={Component} />
-          </View>
-        );
-      }
-    }
-    return (
-      <View style={styles.exampleContainer}>
-        <Header title="RNTester" />
-        <RNTesterExampleList
-          onNavigate={this._handleAction}
-          list={RNTesterList}
-        />
-      </View>
-    );
-  }
-
-  /*
-  UNSAFE_componentWillMount() {
-    BackHandler.addEventListener('hardwareBackPress', this._handleBack);
-  }
-  */
-
-  public componentDidMount(): void {
-    /*
-    Linking.getInitialURL().then((url) => {
-      AsyncStorage.getItem(APP_STATE_KEY, (err, storedString) => {
-        const exampleAction = URIActionMap(this.props.exampleFromAppetizeParams);
-        const urlAction = URIActionMap(url);
-        const launchAction = exampleAction || urlAction;
-     if (err || !storedString) {
-      */
-    const initialAction = /*launchAction ||*/ {
-      type: 'InitialAction',
-    };
-    // eslint-disable-next-line react/no-did-mount-set-state
-    this.setState(RNTesterNavigationReducer(undefined, initialAction));
-    return;
-    /*
-        }
-        const storedState = JSON.parse(storedString);
-        if (launchAction) {
-          this.setState(RNTesterNavigationReducer(storedState, launchAction));
-          return;
-        }
-        this.setState(storedState);
-      });
-    });
-
-    Linking.addEventListener('url', (url) => {
-      this._handleAction(URIActionMap(url));
-    });
-    */
-  }
-
-  private _handleBack = () => {
-    this._handleAction(RNTesterActions.Back());
-  };
-
-  private _handleAction = (action: any) => {
-    if (!action) {
-      return;
-    }
-    const newState = RNTesterNavigationReducer(this.state, action);
-    if (this.state !== newState) {
-      this.setState(newState);
-    }
-  };
-}
-
-AppRegistry.registerComponent('RNTesterApp', () => RNTesterApp);
-
-export = RNTesterApp;
diff --git a/packages/react-native-win32/src/RNTester/js/examples/ColorGradientWin32Example.js b/packages/react-native-win32/src/RNTester/js/examples/ColorGradientWin32Example.js
new file mode 100644
index 00000000000..eab22b3c1ef
--- /dev/null
+++ b/packages/react-native-win32/src/RNTester/js/examples/ColorGradientWin32Example.js
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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');
+const ReactNative = require('react-native');
+
+import {ColorGradientWin32} from '@office-iss/react-native-win32';
+
+const {StyleSheet, Text, View} = ReactNative;
+
+function VerticalToTransparentExample() {
+  const color = {
+    label: `ColorGradientWin32({
+        gradientDirection: 'ToBottom',
+        colorStops: [
+          {color: 'green', offset: 0},
+          {color: 'transparent', offset: 1},
+        ],
+      })`,
+    color: ColorGradientWin32({
+      gradientDirection: 'ToBottom',
+      colorStops: [
+        {color: 'green', offset: 0},
+        {color: 'transparent', offset: 1},
+      ],
+    }),
+  };
+
+  return (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>{color.label}</Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: color.color,
+          }}
+        />
+      </View>
+    </View>
+  );
+}
+
+function ThreeColorsHorizontalExample() {
+  const color = {
+    label: `ColorGradientWin32({
+        gradientDirection: 'ToRight',
+        colorStops: [
+          {color: 'red', offset: 0},
+          {color: 'blue', offset: 1},
+        ],
+      })`,
+    color: ColorGradientWin32({
+      gradientDirection: 'ToRight',
+      colorStops: [{color: 'red', offset: 0}, {color: 'blue', offset: 1}],
+    }),
+  };
+
+  return (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>{color.label}</Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: color.color,
+          }}
+        />
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  column: {flex: 1, flexDirection: 'column'},
+  row: {flex: 0.75, flexDirection: 'row'},
+  labelCell: {
+    flex: 1,
+    alignItems: 'stretch',
+    color: 'black',
+  },
+  colorCell: {flex: 0.25, alignItems: 'stretch'},
+});
+
+exports.title = 'ColorGradientWin32';
+exports.description = 'Examples using ColorGradientWin32.';
+exports.examples = [
+  {
+    title: 'Vertical To Transparent',
+    render(): React.Element<any> {
+      return <VerticalToTransparentExample />;
+    },
+  },
+  {
+    title: 'Colors Horizontal',
+    render(): React.Element<any> {
+      return <ThreeColorsHorizontalExample />;
+    },
+  },
+];
diff --git a/packages/react-native-win32/src/RNTester/js/utils/RNTesterList.win32.js b/packages/react-native-win32/src/RNTester/js/utils/RNTesterList.win32.js
index 3fa3d367b6a..d26bc051795 100644
--- a/packages/react-native-win32/src/RNTester/js/utils/RNTesterList.win32.js
+++ b/packages/react-native-win32/src/RNTester/js/utils/RNTesterList.win32.js
@@ -12,7 +12,42 @@
 
 import type {RNTesterExample} from '../types/RNTesterTypes';
 
+import {createElement} from 'react';
+
 const ComponentExamples: Array<RNTesterExample> = [
+  {
+    key: 'ActivityIndicatorExample',
+    module: require('react-native/RNTester/js/examples/ActivityIndicator/ActivityIndicatorExample'),
+  },
+  {
+    key: 'ButtonExample',
+    module: require('../examples/Button/ButtonExample'),
+  },
+  /*
+  {
+    key: 'FlatListExample',
+    module: require('react-native/RNTester/js/examples/FlatList/FlatListExample'),
+  },
+  {
+    key: 'ImageExample',
+    module: require('react-native/RNTester/js/examples/Image/ImageExample'),
+  },
+  {
+    key: 'MultiColumnExample',
+    module: require('react-native/RNTester/js/examples/MultiColumn/MultiColumnExample'),
+  }*/
+  {
+    key: 'NewAppScreenExample',
+    module: require('../examples/NewAppScreen/NewAppScreenExample'),
+  },
+  {
+    key: 'PickerExample',
+    module: require('../examples/Picker/PickerExample'),
+  },
+  {
+    key: 'PressableExample',
+    module: require('../examples/Pressable/PressableExample'),
+  },
   {
     key: 'TouchableWin32Example',
     module: require('../../../Libraries/Components/Touchable/Tests/TouchableWin32Test'),
@@ -20,11 +55,23 @@ const ComponentExamples: Array<RNTesterExample> = [
   {
     key: 'ScrollViewSimpleExample',
     module: require('react-native/RNTester/js/examples/ScrollView/ScrollViewSimpleExample'),
+  } /*
+  {
+    key: 'SectionListExample',
+    module: require('react-native/RNTester/js/examples/SectionList/SectionListExample'),
+  }*/,
+  {
+    key: 'SwitchExample',
+    module: require('react-native/RNTester/js/examples/Switch/SwitchExample'),
   },
   {
     key: 'TouchableExample',
     module: require('react-native/RNTester/js/examples/Touchable/TouchableExample'),
   },
+  {
+    key: 'TransparentHitTestExample',
+    module: require('react-native/RNTester/js/examples/TransparentHitTest/TransparentHitTestExample'),
+  },
   {
     key: 'ViewExample',
     module: require('react-native/RNTester/js/examples/View/ViewExample'),
@@ -42,16 +89,53 @@ const ComponentExamples: Array<RNTesterExample> = [
     module: require('../../../Libraries/Image/Tests/ImageWin32Test'),
   },
   {
-    key: 'PickerExample',
-    module: require('react-native/RNTester/js/examples/Picker/PickerExample'),
+    key: 'ColorGradientWin32Example',
+    module: require('../examples/ColorGradientWin32Example'),
   },
 ];
 
 const APIExamples: Array<RNTesterExample> = [
+  {
+    key: 'AccessibilityExample',
+    module: require('react-native/RNTester/js/examples/Accessibility/AccessibilityExample'),
+  },
   {
     key: 'AccessibilityExampleWin32',
     module: require('../../APIExamples/AccessibilityExampleWin32'),
   },
+  {
+    key: 'AlertExample',
+    module: {
+      title: require('react-native/RNTester/js/examples/Alert/AlertExample')
+        .AlertExample.title,
+      description: require('react-native/RNTester/js/examples/Alert/AlertExample')
+        .AlertExample.description,
+      examples: [
+        {
+          title: require('react-native/RNTester/js/examples/Alert/AlertExample')
+            .AlertExample.title,
+          render: () => {
+            return createElement(
+              require('react-native/RNTester/js/examples/Alert/AlertExample')
+                .AlertExample,
+            );
+          },
+        },
+      ],
+    },
+  },
+  {
+    key: 'AnimatedExample',
+    module: require('react-native/RNTester/js/examples/Animated/AnimatedExample'),
+  },
+  {
+    key: 'Animation - GratuitousAnimation',
+    module: require('react-native/RNTester/js/examples/Animated/AnimatedGratuitousApp/AnExApp'),
+  },
+  {
+    key: 'AppearanceExample',
+    module: require('react-native/RNTester/js/examples/Appearance/AppearanceExample'),
+  },
   {
     key: 'AppStateExample',
     module: require('react-native/RNTester/js/examples/AppState/AppStateExample'),
@@ -60,18 +144,85 @@ const APIExamples: Array<RNTesterExample> = [
     key: 'BorderExample',
     module: require('react-native/RNTester/js/examples/Border/BorderExample'),
   },
+  {
+    key: 'BoxShadowExample',
+    module: require('react-native/RNTester/js/examples/BoxShadow/BoxShadowExample'),
+  } /*
+  {
+    key: 'ClipboardExample',
+    module: require('react-native/RNTester/js/examples/Clipboard/ClipboardExample'),
+  }*/,
+  {
+    key: 'CrashExample',
+    module: require('react-native/RNTester/js/examples/Crash/CrashExample'),
+  },
+  {
+    key: 'DevSettings',
+    module: require('react-native/RNTester/js/examples/DevSettings/DevSettingsExample'),
+  },
+  {
+    key: 'Dimensions',
+    module: require('react-native/RNTester/js/examples/Dimensions/DimensionsExample'),
+  },
+  {
+    key: 'LayoutEventsExample',
+    module: require('react-native/RNTester/js/examples/Layout/LayoutEventsExample'),
+  },
+  {
+    key: 'LinkingExample',
+    module: require('react-native/RNTester/js/examples/Linking/LinkingExample'),
+  },
+
   {
     key: 'LayoutExample',
     module: require('react-native/RNTester/js/examples/Layout/LayoutExample'),
+  } /*
+  {
+    key: 'NativeAnimationsExample',
+    module: require('react-native/RNTester/js/examples/NativeAnimation/NativeAnimationsExample'),
+  }*/,
+  {
+    key: 'PanResponderExample',
+    module: require('react-native/RNTester/js/examples/PanResponder/PanResponderExample'),
+  },
+
+  {
+    key: 'PlatformColorExample',
+    module: require('../examples/PlatformColor/PlatformColorExample'),
   },
   {
     key: 'PointerEventsExample',
     module: require('react-native/RNTester/js/examples/PointerEvents/PointerEventsExample'),
+  } /*
+  {
+    key: 'RTLExample',
+    module: require('react-native/RNTester/js/examples/RTL/RTLExample'),
+  }*/,
+  {
+    key: 'ShareExample',
+    module: require('react-native/RNTester/js/examples/Share/ShareExample'),
   },
+  {
+    key: 'TimerExample',
+    module: require('react-native/RNTester/js/examples/Timer/TimerExample'),
+  },
+
   {
     key: 'ThemingExample',
     module: require('../../APIExamples/ThemingModuleAPI'),
   },
+  {
+    key: 'TransformExample',
+    module: require('react-native/RNTester/js/examples/Transform/TransformExample'),
+  } /*
+  {
+    key: 'WebSocketExample',
+    module: require('react-native/RNTester/js/examples/WebSocket/WebSocketExample'),
+  },
+  {
+    key: 'TurboModuleExample',
+    module: require('react-native/RNTester/js/examples/TurboModule/TurboModuleExample'),
+  }*/,
 ];
 
 const Modules: {...} = {};
diff --git a/packages/react-native-win32/src/index.win32.ts b/packages/react-native-win32/src/index.win32.js
similarity index 57%
rename from packages/react-native-win32/src/index.win32.ts
rename to packages/react-native-win32/src/index.win32.js
index a9bb340d32c..cac93483550 100644
--- a/packages/react-native-win32/src/index.win32.ts
+++ b/packages/react-native-win32/src/index.win32.js
@@ -1,16 +1,15 @@
-/*
-   This file is used as the root export of this package.
-
-   Since react-native is removing haste as a module lookup mechanism,
-   we need to re-export the whole of react-native from react-native-win32.
-
-   We also export the things that are actually exposed to users as part of react-native-win32.
-   Following how react-native exports everything, we export using inline requires
-   to support the inline require optimizations that the various react-native bundlers use.
-
-   NOTE: when adding exports here, they should also be added to the `typings-index.ts` file,
-         which will provide proper type information for these exports.
-*/
+/**
+ * Copyright (c) Microsoft Corporation.
+ * Licensed under the MIT License.
+ * @format
+ *
+ * This file is part of the root export of this package.
+ *
+ * It is used to export additional win32 functionality that has been implemented in flow files (thus allowing type checking with core react-native files)
+ *
+ * NOTE: when adding exports here, they should also be added to the `typings-index.ts` file,
+ *       which will provide proper type information for these exports.
+ */
 
 const Index = require('./index.js');
 
@@ -32,9 +31,17 @@ Object.defineProperty(Index, 'ButtonWin32', {
   },
 });
 
+Object.defineProperty(Index, 'ColorGradientWin32', {
+  get: () => {
+    return require('./Libraries/StyleSheet/PlatformColorValueTypesWin32')
+      .ColorGradientWin32;
+  },
+});
+
 Object.defineProperty(Index, 'TouchableWin32', {
   get: () => {
-    return require('./Libraries/Components/Touchable/TouchableWin32').TouchableWin32;
+    return require('./Libraries/Components/Touchable/TouchableWin32')
+      .TouchableWin32;
   },
 });
 
@@ -52,8 +59,9 @@ Object.defineProperty(Index, 'PersonaCoinSize', {
 
 Object.defineProperty(Index, 'PersonaCoinPresence', {
   get: () => {
-    return require('./Libraries/PersonaCoin/PersonaCoinTypes').PersonaCoinPresence;
+    return require('./Libraries/PersonaCoin/PersonaCoinTypes')
+      .PersonaCoinPresence;
   },
 });
 
-export = Index;
+module.exports = Index;
diff --git a/packages/react-native-win32/src/overrides.json b/packages/react-native-win32/src/overrides.json
index e201914f24a..6bca6b9670a 100644
--- a/packages/react-native-win32/src/overrides.json
+++ b/packages/react-native-win32/src/overrides.json
@@ -2,30 +2,22 @@
   "overrides": [
     {
       "type": "platform",
-      "file": "index.win32.ts"
+      "file": "index.win32.js"
     },
     {
       "type": "patch",
       "file": "Libraries\\Alert\\Alert.win32.js",
       "baseFile": "Libraries\\Alert\\Alert.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "bf73c8c30ecdada945c2af1f3146db028950c060",
-      "issue": "LEGACY_FIXME"
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\Animated\\src\\nodes\\AnimatedInterpolation.win32.js",
-      "baseFile": "Libraries\\Animated\\src\\nodes\\AnimatedInterpolation.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "e5e0e4e6c1b20844ec1deecc34ffa9452360ba03",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "b4867752830f6953516c5898a7e2fc0dc796dcfa",
       "issue": "LEGACY_FIXME"
     },
     {
       "type": "derived",
       "file": "Libraries\\Components\\AccessibilityInfo\\AccessibilityInfo.win32.js",
       "baseFile": "Libraries\\Components\\AccessibilityInfo\\AccessibilityInfo.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "eb1753df0ab59f8c23fdd6469e69bfd349be1a58",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "840be6f49fe36a3bcfb568eb285bf860f0dd441d",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -48,8 +40,8 @@
       "type": "derived",
       "file": "Libraries\\Components\\CheckBox\\CheckBox.win32.js",
       "baseFile": "Libraries\\Components\\CheckBox\\CheckBox.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "7006aba4ecdfd27a213172ca92d1877b55729292",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "278d7049749ba8b5f3840f21ef6b3d528183829f",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -131,14 +123,6 @@
       "baseHash": "59dabb86baedb0088e110f8cdeb914fa3271dfd9",
       "issue": "LEGACY_FIXME"
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\Components\\ScrollView\\ScrollView.win32.js",
-      "baseFile": "Libraries\\Components\\ScrollView\\ScrollView.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "ad1f9e693d11926daf324f992de3741def01e35e",
-      "issue": 4362
-    },
     {
       "type": "copy",
       "file": "Libraries\\Components\\SegmentedControlIOS\\SegmentedControlIOS.js",
@@ -147,22 +131,6 @@
       "baseHash": "37cea8b532ea4e4335120c6f8b2d3d3548e31b18",
       "issue": 4378
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\Components\\StatusBar\\NativeStatusBarManagerAndroid.win32.js",
-      "baseFile": "Libraries\\Components\\StatusBar\\NativeStatusBarManagerAndroid.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "2c312e39ea468283e73be4319370d4f29ea5c932",
-      "issue": 4363
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\Components\\StatusBar\\NativeStatusBarManagerIOS.win32.js",
-      "baseFile": "Libraries\\Components\\StatusBar\\NativeStatusBarManagerIOS.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "f9f3d19210ade74181dbd291ffd97d8905d61035",
-      "issue": 4363
-    },
     {
       "type": "platform",
       "file": "Libraries\\Components\\Text\\TextWin32.Props.ts"
@@ -183,16 +151,16 @@
       "type": "derived",
       "file": "Libraries\\Components\\TextInput\\TextInput.win32.tsx",
       "baseFile": "Libraries\\Components\\TextInput\\TextInput.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "ddc98a5d277a630f3ac95c5d416a1028ba27382d",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "a50310f6dee460f7d1a53e0f1a21dbac9cf02094",
       "issue": "LEGACY_FIXME"
     },
     {
       "type": "patch",
       "file": "Libraries\\Components\\TextInput\\TextInputState.win32.js",
       "baseFile": "Libraries\\Components\\TextInput\\TextInputState.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "b6abcc197d20eb192444f85e0a1e447a3019658f",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "e982deb23d7ad5312ab0c09508a6d58c152b5be7",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -207,22 +175,6 @@
       "type": "platform",
       "file": "Libraries\\Components\\Touchable\\Tests\\TouchableWin32Test.tsx"
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\Components\\Touchable\\TouchableBounce.win32.js",
-      "baseFile": "Libraries\\Components\\Touchable\\TouchableBounce.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "d2bb715bb7b4fe8a324252409273747c96a4e687",
-      "issue": 4310
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\Components\\Touchable\\TouchableHighlight.win32.js",
-      "baseFile": "Libraries\\Components\\Touchable\\TouchableHighlight.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "b930d8995dab7c9aad3e14c3a78b73431c791a56",
-      "issue": 4310
-    },
     {
       "type": "platform",
       "file": "Libraries\\Components\\Touchable\\TouchableNativeFeedback.Props.ts"
@@ -231,14 +183,6 @@
       "type": "platform",
       "file": "Libraries\\Components\\Touchable\\TouchableNativeFeedback.win32.tsx"
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\Components\\Touchable\\TouchableOpacity.win32.js",
-      "baseFile": "Libraries\\Components\\Touchable\\TouchableOpacity.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "356d5eb7b824b35b79fb4108b3dffcd8c3cfa4f7",
-      "issue": 4310
-    },
     {
       "type": "platform",
       "file": "Libraries\\Components\\Touchable\\TouchableWin32.Props.tsx"
@@ -251,14 +195,6 @@
       "type": "platform",
       "file": "Libraries\\Components\\Touchable\\TouchableWin32.Types.tsx"
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\Components\\Touchable\\TouchableWithoutFeedback.win32.js",
-      "baseFile": "Libraries\\Components\\Touchable\\TouchableWithoutFeedback.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "78e0bcf18020ec967f7d96767d7b555af5b9b3b6",
-      "issue": 4310
-    },
     {
       "type": "patch",
       "file": "Libraries\\Components\\View\\ReactNativeViewAttributes.win32.js",
@@ -271,8 +207,8 @@
       "type": "patch",
       "file": "Libraries\\Components\\View\\ReactNativeViewViewConfig.win32.js",
       "baseFile": "Libraries\\Components\\View\\ReactNativeViewViewConfig.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "79f89796dab244dad97186438375669479316913",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "8d5d480284b4cdaf7d8d86935967370d455b7b68",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -289,32 +225,24 @@
     },
     {
       "type": "patch",
-      "file": "Libraries\\core\\setUpReactDevTools.win32.js",
-      "baseFile": "Libraries\\core\\setUpReactDevTools.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "90b15d4c0940af7c72077d1eaef45d3256012aed",
-      "issue": 4310
+      "file": "Libraries\\core\\ReactNativeVersionCheck.win32.js",
+      "baseFile": "Libraries\\core\\ReactNativeVersionCheck.js",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "599ad6d6c8485cd453cd926cdf89f06640d439f6",
+      "issue": 5170
     },
     {
       "type": "derived",
       "file": "Libraries\\Image\\Image.win32.js",
       "baseFile": "Libraries\\Image\\Image.ios.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "80a9ee2404220201df09a5ff97e2bf7e03c854e0",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "26acff268b815c7b3c5da0d6c9c009073b202ea8",
       "issue": 4320
     },
     {
       "type": "platform",
       "file": "Libraries\\Image\\ImageTypes.ts"
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\Image\\ImageViewNativeComponent.win32.js",
-      "baseFile": "Libraries\\Image\\ImageViewNativeComponent.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "8cf992c3c45f77ff2049111bb6ef6972ae4e4c2a",
-      "issue": 4321
-    },
     {
       "type": "derived",
       "file": "Libraries\\Image\\NativeImageLoaderWin32.js",
@@ -335,16 +263,16 @@
       "type": "patch",
       "file": "Libraries\\Inspector\\Inspector.win32.js",
       "baseFile": "Libraries\\Inspector\\Inspector.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "4d8dd865cf9dc902cc415dbf7146df9dc198d2bb",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "565fbf7ad692b85438aadfb43b88000bef112999",
       "issue": "LEGACY_FIXME"
     },
     {
       "type": "patch",
       "file": "Libraries\\Inspector\\InspectorOverlay.win32.js",
       "baseFile": "Libraries\\Inspector\\InspectorOverlay.js",
-      "baseVersion": "0.61.5",
-      "baseHash": "a8cb0b3e6bd7334214a37db8bb1bb91510a5e838",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "b8535e8c605e6c0e940aae6c04f0d573eaa4788e",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -367,22 +295,6 @@
       "type": "platform",
       "file": "Libraries\\PersonaCoin\\PersonaCoinTypes.ts"
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\Pressability\\PressabilityDebug.win32.js",
-      "baseFile": "Libraries\\Pressability\\PressabilityDebug.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "4b94cc9c0fd201000db1a5c2fb874253e5e37606",
-      "issue": 4310
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\ReactNative\\getNativeComponentAttributes.win32.js",
-      "baseFile": "Libraries\\ReactNative\\getNativeComponentAttributes.js",
-      "baseVersion": "0.61.5",
-      "baseHash": "2de5175e2d006f6d36fca098d3e47cbcc7e05c25",
-      "issue": 3990
-    },
     {
       "type": "derived",
       "file": "Libraries\\Settings\\Settings.win32.js",
@@ -393,48 +305,32 @@
     },
     {
       "type": "platform",
-      "file": "Libraries\\StyleSheet\\NativeOrDynamicColorType.win32.js"
-    },
-    {
-      "type": "derived",
-      "file": "Libraries\\StyleSheet\\normalizeColor.win32.js",
-      "baseFile": "Libraries\\StyleSheet\\normalizeColor.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "48265ddff91efb254176c02f8d40bc71acce3252",
-      "issue": 3990
+      "file": "Libraries\\StyleSheet\\PlatformColorValueTypes.win32.js"
     },
     {
       "type": "platform",
-      "file": "Libraries\\StyleSheet\\normalizeColorObject.win32.js"
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\StyleSheet\\processColor.win32.js",
-      "baseFile": "Libraries\\StyleSheet\\processColor.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "c24356f7c86e22d2d52ce2d7cded979509ad931c",
-      "issue": 3990
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\StyleSheet\\processColorArray.win32.js",
-      "baseFile": "Libraries\\StyleSheet\\processColorArray.js",
-      "baseVersion": "0.61.5",
-      "baseHash": "66b19d011a777ed38e5513eda9da2d61c9045595",
-      "issue": 3990
+      "file": "Libraries\\StyleSheet\\PlatformColorValueTypesWin32.d.ts"
     },
     {
       "type": "platform",
-      "file": "Libraries\\StyleSheet\\processColorObject.win32.js"
+      "file": "Libraries\\StyleSheet\\PlatformColorValueTypesWin32.js"
     },
     {
       "type": "patch",
       "file": "Libraries\\StyleSheet\\StyleSheet.win32.js",
       "baseFile": "Libraries\\StyleSheet\\StyleSheet.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "87b211c7221c858271123d6d306ffb51f881e512",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "073367bc043b5e7e9db6ec046da088e750d3693c",
       "issue": "LEGACY_FIXME"
     },
+    {
+      "type": "patch",
+      "file": "Libraries\\StyleSheet\\StyleSheetValidation.win32.js",
+      "baseFile": "Libraries\\StyleSheet\\StyleSheetValidation.js",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "5fe7febd1eb5374745fe612030806512e9161796",
+      "issue": 5269
+    },
     {
       "type": "derived",
       "file": "Libraries\\Utilities\\BackHandler.win32.ts",
@@ -455,8 +351,8 @@
       "type": "derived",
       "file": "Libraries\\Utilities\\Dimensions.win32.js",
       "baseFile": "Libraries\\Utilities\\Dimensions.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "c8752f2624a836e0b4eb7ef1b24be76ef1ba8731",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "6a61022dbe92a0683a82669ace739fc7ca110c7d",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -471,32 +367,8 @@
       "type": "derived",
       "file": "Libraries\\Utilities\\Platform.win32.js",
       "baseFile": "Libraries\\Utilities\\Platform.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "d3a3db6cba034363c2544e6da13d7eac1f9cddfb",
-      "issue": "LEGACY_FIXME"
-    },
-    {
-      "type": "derived",
-      "file": "Libraries\\YellowBox\\UI\\YellowBoxInspectorHeader.win32.js",
-      "baseFile": "Libraries\\YellowBox\\UI\\YellowBoxInspectorHeader.js",
-      "baseVersion": "0.62.2",
-      "baseHash": "80f52a83aa0b9750a8955bc79975d2b3914c664b",
-      "issue": "LEGACY_FIXME"
-    },
-    {
-      "type": "derived",
-      "file": "Libraries\\YellowBox\\UI\\YellowBoxInspectorSourceMapStatus.win32.js",
-      "baseFile": "Libraries\\YellowBox\\UI\\YellowBoxInspectorSourceMapStatus.js",
-      "baseVersion": "0.62.1",
-      "baseHash": "11d3fba8d2596ecb628ca1b6db3347f444920fb9",
-      "issue": "LEGACY_FIXME"
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\YellowBox\\UI\\YellowBoxList.win32.js",
-      "baseFile": "Libraries\\YellowBox\\UI\\YellowBoxList.js",
-      "baseVersion": "0.61.5",
-      "baseHash": "8093d13818e1c1e0dec5b6fb46b89d9152053d3c",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "bcaebbe089a41de46724b00e69fcdba7e6b1ed7f",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -507,14 +379,6 @@
       "type": "platform",
       "file": "RNTester\\APIExamples\\ThemingModuleAPI.tsx"
     },
-    {
-      "type": "derived",
-      "file": "RNTester\\AsyncStorageStub.ts",
-      "baseFile": "Libraries\\Storage\\AsyncStorage.js",
-      "baseVersion": "0.61.5",
-      "baseHash": "688288dd65948fef904f6361f4e68c50605d1889",
-      "issue": "LEGACY_FIXME"
-    },
     {
       "type": "patch",
       "file": "RNTester\\js\\components\\ListExampleShared.win32.js",
@@ -531,20 +395,24 @@
       "baseHash": "8a8182f7c36e8184b7bbfe1445263ceca622b2c1",
       "issue": "LEGACY_FIXME"
     },
+    {
+      "type": "platform",
+      "file": "RNTester\\js\\examples\\ColorGradientWin32Example.js"
+    },
     {
       "type": "derived",
-      "file": "RNTester\\js\\RNTesterApp.win32.tsx",
-      "baseFile": "RNTester\\js\\RNTesterApp.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "53ddf0736fa7aba54191961066d2e934ba22dfa2",
-      "issue": "LEGACY_FIXME"
+      "file": "RNTester\\js\\RNTesterApp.win32.js",
+      "baseFile": "RNTester\\js\\RNTesterApp.ios.js",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "34d2517461704840a508ce1856bc3a364fb3fc7e",
+      "issue": 4586
     },
     {
       "type": "derived",
       "file": "RNTester\\js\\utils\\RNTesterList.win32.js",
       "baseFile": "RNTester\\js\\utils\\RNTesterList.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "f1e77952c292fe2898645f81f280b64f8ea17b90",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "65c3876bdbc2755cd568b2779ed962fa7a4edf6a",
       "issue": "LEGACY_FIXME"
     },
     {
diff --git a/packages/react-native-win32/src/typings-index.ts b/packages/react-native-win32/src/typings-index.ts
index 9f76d80bb57..581f7ce61b2 100644
--- a/packages/react-native-win32/src/typings-index.ts
+++ b/packages/react-native-win32/src/typings-index.ts
@@ -21,6 +21,7 @@ export * from './Libraries/Components/Text/TextWin32.Props';
 export * from './Libraries/Components/Text/TextWin32';
 export * from './Libraries/Components/Button/ButtonWin32.Props';
 export * from './Libraries/Components/Button/ButtonWin32';
+export * from './Libraries/StyleSheet/PlatformColorValueTypesWin32';
 export * from './Libraries/Components/Touchable/TouchableWin32.Props';
 export * from './Libraries/Components/Touchable/TouchableWin32.Types';
 export * from './Libraries/Components/Touchable/TouchableWin32';
diff --git a/packages/react-native-windows-codegen/package.json b/packages/react-native-windows-codegen/package.json
index a707f080c34..b7deb0344d9 100644
--- a/packages/react-native-windows-codegen/package.json
+++ b/packages/react-native-windows-codegen/package.json
@@ -26,6 +26,7 @@
     "@types/chalk": "^2.2.0",
     "@types/globby": "^9.1.0",
     "@types/yargs": "^15.0.3",
+    "eslint": "5.1.0",
     "just-scripts": "^0.36.1"
   }
 }
diff --git a/packages/react-native-windows-init/package.json b/packages/react-native-windows-init/package.json
index 3858e87bcd0..34439d3b1ff 100644
--- a/packages/react-native-windows-init/package.json
+++ b/packages/react-native-windows-init/package.json
@@ -30,6 +30,7 @@
     "@types/semver": "^7.1.0",
     "@types/valid-url": "^1.0.2",
     "@types/yargs": "^15.0.3",
+    "eslint": "5.1.0",
     "just-scripts": "^0.36.1",
     "typescript": "^3.8.3"
   },
diff --git a/packages/scripts/package.json b/packages/scripts/package.json
index 60689888dbe..36340ab79e7 100644
--- a/packages/scripts/package.json
+++ b/packages/scripts/package.json
@@ -12,6 +12,7 @@
   "devDependencies": {
     "chalk": "^4.1.0",
     "clang-format": "1.2.4",
+    "eslint": "5.1.0",
     "find-up": "^4.1.0",
     "glob": "^7.1.6",
     "js-yaml": "^3.14.0",
diff --git a/vnext/.flowconfig b/vnext/.flowconfig
index bbcdc374091..1baed01e653 100644
--- a/vnext/.flowconfig
+++ b/vnext/.flowconfig
@@ -9,7 +9,6 @@
 ; Ideally we'd delete the base versions of files that had .windows overrides as part of the
 ; initRNLibraries build step
 <PROJECT_ROOT>/Libraries/Alert/Alert.js
-<PROJECT_ROOT>/Libraries/Animated/src/nodes/AnimatedInterpolation.js
 <PROJECT_ROOT>/Libraries/Components/Button.js
 <PROJECT_ROOT>/Libraries/Components/DatePicker/DatePicker.js
 <PROJECT_ROOT>/Libraries/Components/Keyboard/KeyboardExt.js
@@ -17,53 +16,25 @@
 <PROJECT_ROOT>/Libraries/Components/Picker/RCTPickerNativeComponent.js
 <PROJECT_ROOT>/Libraries/Components/RefreshControl/RefreshControl.js
 <PROJECT_ROOT>/Libraries/Components/SafeAreaView/SafeAreaView.js
-<PROJECT_ROOT>/Libraries/Components/ScrollView/ScrollView.js
-<PROJECT_ROOT>/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.js
-<PROJECT_ROOT>/Libraries/Components/Switch/SwitchNativeComponent.js
 <PROJECT_ROOT>/Libraries/Components/TextInput/TextInput.js
 <PROJECT_ROOT>/Libraries/Components/TextInput/TextInputState.js
 <PROJECT_ROOT>/Libraries/Components/Touchable/TouchableBounce.js
 <PROJECT_ROOT>/Libraries/Components/Touchable/TouchableHighlight.js
-<PROJECT_ROOT>/Libraries/Components/Touchable/TouchableNativeFeedback.js
 <PROJECT_ROOT>/Libraries/Components/Touchable/TouchableOpacity.js
 <PROJECT_ROOT>/Libraries/Components/Touchable/TouchableWithoutFeedback.js
 <PROJECT_ROOT>/Libraries/Components/View/ReactNativeViewViewConfig.js
 <PROJECT_ROOT>/Libraries/Components/View/ViewAccessibility.js
 <PROJECT_ROOT>/Libraries/Components/View/ViewPropTypes.js
-<PROJECT_ROOT>/Libraries/Core/setUpReactDevTools.js
 <PROJECT_ROOT>/Libraries/DeprecatedPropTypes/DeprecatedViewAccessibility.js
 <PROJECT_ROOT>/Libraries/Image/Image.js
-<PROJECT_ROOT>/Libraries/Inspector/Inspector.js
 <PROJECT_ROOT>/Libraries/Lists/VirtualizedList.js
 <PROJECT_ROOT>/Libraries/Network/RCTNetworking.js
 <PROJECT_ROOT>/Libraries/NewAppScreen/components/DebugInstructions.js
 <PROJECT_ROOT>/Libraries/NewAppScreen/components/ReloadInstructions.js
-<PROJECT_ROOT>/Libraries/Pressability/PressabilityDebug.js
-<PROJECT_ROOT>/Libraries/StyleSheet/normalizeColor.js
-<PROJECT_ROOT>/Libraries/StyleSheet/processColor.js
-<PROJECT_ROOT>/Libraries/StyleSheet/processColorArray.js
-<PROJECT_ROOT>/Libraries/StyleSheet/StyleSheetTypes.js
 <PROJECT_ROOT>/RNTester/js/components/ListExampleShared.js
 <PROJECT_ROOT>/RNTester/js/components/RNTesterExampleList.js
 <PROJECT_ROOT>/RNTester/js/examples/ScrollView/ScrollViewExample.js
 <PROJECT_ROOT>/RNTester/js/examples/View/ViewExample.js
-<PROJECT_ROOT>/RNTester/js/FlatListExample.js
-<PROJECT_ROOT>/RNTester/js/ListExampleShared.js
-<PROJECT_ROOT>/RNTester/js/RNTesterExampleList.js
-<PROJECT_ROOT>/RNTester/js/ScrollViewExample.js
-<PROJECT_ROOT>/RNTester/js/TouchableExample.js
-<PROJECT_ROOT>/RNTester/js/ViewExample.js
-
-; Schema files are used for turbo-module code generation, but are not bundled.
-; We don't yet have the react-native-codegen package they rely on, so supress
-; checks for now.
-<PROJECT_ROOT>/Libraries/Components/ActivityIndicator/ActivityIndicatorSchema.js
-<PROJECT_ROOT>/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutSchema.js
-<PROJECT_ROOT>/Libraries/Components/RefreshControl/PullToRefreshViewSchema.js
-<PROJECT_ROOT>/Libraries/Components/Slider/SliderSchema.js
-<PROJECT_ROOT>/Libraries/Components/Switch/SwitchSchema.js
-<PROJECT_ROOT>/Libraries/Components/UnimplementedViews/UnimplementedNativeViewSchema.js
-<PROJECT_ROOT>/Libraries/Modal/ModalSchema.js
 
 ; Ignore react-native files in node_modules since they are copied into project root
 .*/node_modules/react-native/.*
@@ -91,8 +62,6 @@
 ; require from fbjs/lib instead: require('fbjs/lib/warning')
 .*/node_modules/warning/.*
 
-; Flow doesn't support platforms
-.*/Libraries/Utilities/HMRLoadingView.js
 
 ; Ignore the src folder - flow files are combined with ones from react-native into the root Libraries folder
 .*/vnext/src/.*
@@ -103,8 +72,6 @@
 [untyped]
 <PROJECT_ROOT>/Libraries/DeprecatedPropTypes/.*
 .*/node_modules/@react-native-community/cli/.*/.*
-<PROJECT_ROOT>/Libraries/ActionSheetIOS/ActionSheetIOS.js
-<PROJECT_ROOT>/Libraries/Share/Share.js
 
 [include]
 ; Need to include hoisted modules
@@ -120,15 +87,17 @@ emoji=true
 esproposal.optional_chaining=enable
 esproposal.nullish_coalescing=enable
 
+exact_by_default=true
+
 module.file_ext=.js
 module.file_ext=.json
 module.file_ext=.windows.js
 
 munge_underscores=true
 
+module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/index.js'
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/\1'
 module.name_mapper='^@?[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/Libraries/Image/RelativeImageStub'
-module.name_mapper='react-native$' -> '<PROJECT_ROOT>/index.js'
-module.name_mapper='react-native/\(.*\)' -> '<PROJECT_ROOT>/\1'
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
@@ -154,10 +123,10 @@ untyped-type-import=warn
 nonstrict-import=warn
 deprecated-type=warn
 unsafe-getters-setters=warn
-inexact-spread=warn
 unnecessary-invariant=warn
 signature-verification-failure=warn
 deprecated-utility=error
+unsafe-addition=error
 
 [strict]
 deprecated-type
@@ -169,4 +138,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.113.0
\ No newline at end of file
+^0.120.0
diff --git a/vnext/DeforkingPatches/ReactCommon/yoga/yoga/Yoga.cpp b/vnext/DeforkingPatches/ReactCommon/yoga/yoga/Yoga.cpp
index 8568903310a..d5f8d013d97 100644
--- a/vnext/DeforkingPatches/ReactCommon/yoga/yoga/Yoga.cpp
+++ b/vnext/DeforkingPatches/ReactCommon/yoga/yoga/Yoga.cpp
@@ -387,6 +387,14 @@ YOGA_EXPORT void YGNodeInsertChild(
   owner->markDirtyAndPropogate();
 }
 
+YOGA_EXPORT void YGNodeSwapChild(
+    const YGNodeRef owner,
+    const YGNodeRef child,
+    const uint32_t index) {
+  owner->replaceChild(child, index);
+  child->setOwner(owner);
+}
+
 YOGA_EXPORT void YGNodeRemoveChild(
     const YGNodeRef owner,
     const YGNodeRef excludedChild) {
diff --git a/vnext/DeforkingPatches/overrides.json b/vnext/DeforkingPatches/overrides.json
index dde93dd7c94..c025aaeabf6 100644
--- a/vnext/DeforkingPatches/overrides.json
+++ b/vnext/DeforkingPatches/overrides.json
@@ -20,8 +20,8 @@
       "type": "patch",
       "file": "ReactCommon\\yoga\\yoga\\Yoga.cpp",
       "baseFile": "ReactCommon\\yoga\\yoga\\Yoga.cpp",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "20b4e90cca3e5e5bfcaa5fda7bb322a7efee1fa9",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "99b23af03df9e59e1c42cd9e026ebb4c4df75cb4",
       "issue": 3994
     }
   ]
diff --git a/vnext/Microsoft.ReactNative/Modules/DevSettingsModule.cpp b/vnext/Microsoft.ReactNative/Modules/DevSettingsModule.cpp
index f7c45c8175d..6dab94f62c1 100644
--- a/vnext/Microsoft.ReactNative/Modules/DevSettingsModule.cpp
+++ b/vnext/Microsoft.ReactNative/Modules/DevSettingsModule.cpp
@@ -67,4 +67,12 @@ void DevSettings::setIsShakeToShowDevMenuEnabled(bool enabled) noexcept {
   assert(false);
 }
 
+/*static*/ void DevSettings::addListener(std::string eventName) noexcept {
+  // noop
+}
+
+/*static*/ void DevSettings::removeListeners(double count) noexcept {
+  // noop
+}
+
 } // namespace Microsoft::ReactNative
diff --git a/vnext/Microsoft.ReactNative/Modules/DevSettingsModule.h b/vnext/Microsoft.ReactNative/Modules/DevSettingsModule.h
index 10aceacef07..5aa8fe293b5 100644
--- a/vnext/Microsoft.ReactNative/Modules/DevSettingsModule.h
+++ b/vnext/Microsoft.ReactNative/Modules/DevSettingsModule.h
@@ -24,6 +24,11 @@ struct DevSettings {
   REACT_METHOD(addMenuItem) void addMenuItem(std::string title) noexcept;
   REACT_METHOD(setIsShakeToShowDevMenuEnabled) void setIsShakeToShowDevMenuEnabled(bool enabled) noexcept;
 
+  REACT_METHOD(addListener)
+  static void addListener(std::string eventName) noexcept;
+  REACT_METHOD(removeListeners)
+  static void removeListeners(double count) noexcept;
+
   static void SetReload(Mso::React::ReactOptions const &options, Mso::VoidFunctor &&func) noexcept;
   static void Reload(winrt::Microsoft::ReactNative::ReactPropertyBag const &properties) noexcept;
 
diff --git a/vnext/Microsoft.ReactNative/RedBox.cpp b/vnext/Microsoft.ReactNative/RedBox.cpp
index 77fa587eccd..e6aa5ec8115 100644
--- a/vnext/Microsoft.ReactNative/RedBox.cpp
+++ b/vnext/Microsoft.ReactNative/RedBox.cpp
@@ -6,6 +6,7 @@
 #include <functional/functor.h>
 #include <regex>
 #include "DevServerHelper.h"
+#include "DynamicReader.h"
 #include "Unicode.h"
 
 #include <winrt/Windows.Foundation.Collections.h>
@@ -412,6 +413,16 @@ struct DefaultRedBoxHandler : public std::enable_shared_from_this<DefaultRedBoxH
   }
 
   virtual void showNewError(ErrorInfo &&info, ErrorType /*exceptionType*/) override {
+    // Check if the rebox has been suppressed
+    if (!info.ExtraData.isNull()) {
+      auto iterator = info.ExtraData.find("suppressRedBox");
+      if (iterator != info.ExtraData.items().end()) {
+        if (iterator->second.asBool()) {
+          return;
+        }
+      }
+    }
+
     std::shared_ptr<RedBox> redbox(std::make_shared<RedBox>(
         m_weakReactHost,
         [wkthis = std::weak_ptr(shared_from_this())](uint32_t id) {
@@ -531,6 +542,10 @@ struct RedBoxErrorFrameInfo
     return m_frame.Column;
   }
 
+  bool Collapse() const noexcept {
+    return m_frame.Collapse;
+  }
+
  private:
   Mso::React::ErrorFrameInfo m_frame;
 };
@@ -542,6 +557,22 @@ struct RedBoxErrorInfo : public winrt::implements<RedBoxErrorInfo, winrt::Micros
     return ::Microsoft::Common::Unicode::Utf8ToUtf16(m_errorInfo.Message).c_str();
   }
 
+  winrt::hstring OriginalMessage() const noexcept {
+    return ::Microsoft::Common::Unicode::Utf8ToUtf16(m_errorInfo.OriginalMessage).c_str();
+  }
+
+  winrt::hstring Name() const noexcept {
+    return ::Microsoft::Common::Unicode::Utf8ToUtf16(m_errorInfo.Name).c_str();
+  }
+
+  winrt::hstring ComponentStack() const noexcept {
+    return ::Microsoft::Common::Unicode::Utf8ToUtf16(m_errorInfo.ComponentStack).c_str();
+  }
+
+  winrt::Microsoft::ReactNative::IJSValueReader ExtraData() const noexcept {
+    return winrt::make<winrt::Microsoft::ReactNative::DynamicReader>(m_errorInfo.ExtraData);
+  }
+
   uint32_t Id() const noexcept {
     return m_errorInfo.Id;
   }
diff --git a/vnext/Microsoft.ReactNative/RedBoxHandler.idl b/vnext/Microsoft.ReactNative/RedBoxHandler.idl
index d52454bda0b..4a7265197ce 100644
--- a/vnext/Microsoft.ReactNative/RedBoxHandler.idl
+++ b/vnext/Microsoft.ReactNative/RedBoxHandler.idl
@@ -16,12 +16,17 @@ namespace Microsoft.ReactNative {
     String Method { get; };
     UInt32 Line { get; };
     UInt32 Column { get; };
+    Boolean Collapse { get; };
   }
 
   [webhosthidden] interface IRedBoxErrorInfo {
     String Message { get; };
+    String OriginalMessage { get; };
+    String Name { get; };
+    String ComponentStack { get; };
     UInt32 Id { get; };
     IVectorView<IRedBoxErrorFrameInfo> Callstack { get; };
+    IJSValueReader ExtraData { get; };
   }
 
   [webhosthidden]
diff --git a/vnext/Microsoft.ReactNative/Views/CheckboxViewManager.cpp b/vnext/Microsoft.ReactNative/Views/CheckboxViewManager.cpp
index 6153e2d065e..8ae5f5845ad 100644
--- a/vnext/Microsoft.ReactNative/Views/CheckboxViewManager.cpp
+++ b/vnext/Microsoft.ReactNative/Views/CheckboxViewManager.cpp
@@ -11,6 +11,7 @@
 #include <Utils/ValueUtils.h>
 
 #include <IReactInstance.h>
+#include <Modules/NativeUIManager.h>
 
 namespace winrt {
 using ToggleButton = xaml::Controls::Primitives::ToggleButton;
@@ -27,6 +28,9 @@ class CheckBoxShadowNode : public ShadowNodeBase {
   void createView() override;
   void updateProperties(const folly::dynamic &&props) override;
 
+  void RegisterChangedEvents();
+  void UnregisterChangedEvents();
+
  private:
   static void OnCheckedChanged(IReactInstance &instance, int64_t tag, bool newValue);
 
@@ -37,8 +41,13 @@ class CheckBoxShadowNode : public ShadowNodeBase {
 void CheckBoxShadowNode::createView() {
   Super::createView();
 
+  RegisterChangedEvents();
+}
+
+void CheckBoxShadowNode::RegisterChangedEvents() {
   auto checkbox = GetView().as<xaml::Controls::CheckBox>();
   auto wkinstance = GetViewManager()->GetReactInstance();
+
   m_checkBoxCheckedRevoker = checkbox.Checked(winrt::auto_revoke, [=](auto &&, auto &&) {
     auto instance = wkinstance.lock();
     if (!m_updating && instance != nullptr)
@@ -51,6 +60,11 @@ void CheckBoxShadowNode::createView() {
   });
 }
 
+void CheckBoxShadowNode::UnregisterChangedEvents() {
+  m_checkBoxCheckedRevoker.revoke();
+  m_checkBoxUncheckedRevoker.revoke();
+}
+
 void CheckBoxShadowNode::updateProperties(const folly::dynamic &&props) {
   m_updating = true;
   Super::updateProperties(std::move(props));
@@ -65,13 +79,13 @@ void CheckBoxShadowNode::updateProperties(const folly::dynamic &&props) {
 CheckBoxViewManager::CheckBoxViewManager(const std::shared_ptr<IReactInstance> &reactInstance) : Super(reactInstance) {}
 
 const char *CheckBoxViewManager::GetName() const {
-  return "RCTCheckBox";
+  return "AndroidCheckBox";
 }
 
 folly::dynamic CheckBoxViewManager::GetNativeProps() const {
   auto props = Super::GetNativeProps();
 
-  props.update(folly::dynamic::object("value", "boolean")("disabled", "boolean"));
+  props.update(folly::dynamic::object("on", "boolean")("enabled", "boolean"));
 
   return props;
 }
@@ -93,12 +107,12 @@ bool CheckBoxViewManager::UpdateProperty(
   if (checkbox == nullptr)
     return true;
 
-  if (propertyName == "disabled") {
+  if (propertyName == "enabled") {
     if (propertyValue.isBool())
-      checkbox.IsEnabled(!propertyValue.asBool());
+      checkbox.IsEnabled(propertyValue.asBool());
     else if (propertyValue.isNull())
       checkbox.ClearValue(xaml::Controls::Control::IsEnabledProperty());
-  } else if (propertyName == "value") {
+  } else if (propertyName == "on") {
     if (propertyValue.isBool())
       checkbox.IsChecked(propertyValue.asBool());
     else if (propertyValue.isNull())
@@ -109,5 +123,28 @@ bool CheckBoxViewManager::UpdateProperty(
   return true;
 }
 
+void CheckBoxViewManager::DispatchCommand(
+    const XamlView &viewToUpdate,
+    const std::string &commandId,
+    const folly::dynamic &commandArgs) {
+  if (commandId == "setNativeValue") {
+    auto value = commandArgs[0].asBool();
+
+    if (auto instance = GetReactInstance().lock()) {
+      auto shadow = static_cast<CheckBoxShadowNode *>(
+          instance->NativeUIManager()->getHost()->FindShadowNodeForTag(GetTag(viewToUpdate)));
+      // we unregister the changed events and then restore them so that we don't fire an
+      // onChange event to JS when JS itself is updating the value of the checkbox
+      shadow->UnregisterChangedEvents();
+      viewToUpdate.as<xaml::Controls::CheckBox>().IsChecked(value);
+      shadow->RegisterChangedEvents();
+    }
+
+    viewToUpdate.as<xaml::Controls::CheckBox>().IsChecked(value);
+  } else {
+    Super::DispatchCommand(viewToUpdate, commandId, commandArgs);
+  }
+}
+
 } // namespace uwp
 } // namespace react
diff --git a/vnext/Microsoft.ReactNative/Views/CheckboxViewManager.h b/vnext/Microsoft.ReactNative/Views/CheckboxViewManager.h
index d28e886e3e0..c44bf6e5ab2 100644
--- a/vnext/Microsoft.ReactNative/Views/CheckboxViewManager.h
+++ b/vnext/Microsoft.ReactNative/Views/CheckboxViewManager.h
@@ -25,6 +25,9 @@ class CheckBoxViewManager : public ControlViewManager {
       const std::string &propertyName,
       const folly::dynamic &propertyValue) override;
 
+  void DispatchCommand(const XamlView &viewToUpdate, const std::string &commandId, const folly::dynamic &commandArgs)
+      override;
+
   XamlView CreateViewCore(int64_t tag) override;
 
   friend class CheckBoxShadowNode;
diff --git a/vnext/Microsoft.ReactNative/Views/Image/ImageViewManager.cpp b/vnext/Microsoft.ReactNative/Views/Image/ImageViewManager.cpp
index 71bdae7045f..09c3db5fbdd 100644
--- a/vnext/Microsoft.ReactNative/Views/Image/ImageViewManager.cpp
+++ b/vnext/Microsoft.ReactNative/Views/Image/ImageViewManager.cpp
@@ -149,7 +149,7 @@ void ImageViewManager::EmitImageEvent(winrt::Grid grid, const char *eventName, R
 
   int64_t tag = grid.Tag().as<winrt::IPropertyValue>().GetInt64();
   folly::dynamic imageSource =
-      folly::dynamic::object()("url", source.uri)("width", source.width)("height", source.height);
+      folly::dynamic::object()("uri", source.uri)("width", source.width)("height", source.height);
 
   folly::dynamic eventData = folly::dynamic::object()("target", tag)("source", imageSource);
   reactInstance->DispatchEvent(tag, eventName, std::move(eventData));
diff --git a/vnext/Microsoft.ReactNative/Views/TouchEventHandler.cpp b/vnext/Microsoft.ReactNative/Views/TouchEventHandler.cpp
index 1c1fbc00222..8c5abe36a49 100644
--- a/vnext/Microsoft.ReactNative/Views/TouchEventHandler.cpp
+++ b/vnext/Microsoft.ReactNative/Views/TouchEventHandler.cpp
@@ -417,11 +417,13 @@ bool TouchEventHandler::TagFromOriginalSource(
       // This is to support nested <Text> elements in React.
       // Nested React <Text> elements get translated into nested XAML <Span> elements,
       // while the content of the <Text> becomes a list of XAML <Run> elements.
+      // However, we should report the Text element as the target, not the contexts of the text.
       if (const auto textBlock = sourceElement.try_as<xaml::Controls::TextBlock>()) {
         const auto pointerPos = args.GetCurrentPoint(textBlock).RawPosition();
         const auto inlines = textBlock.Inlines().GetView();
 
-        auto finerTag = TestHit(inlines, pointerPos);
+        bool isHit = false;
+        const auto finerTag = TestHit(inlines, pointerPos, isHit);
         if (finerTag) {
           tag = finerTag;
         }
@@ -447,17 +449,23 @@ bool TouchEventHandler::TagFromOriginalSource(
 
 winrt::IPropertyValue TouchEventHandler::TestHit(
     const winrt::Collections::IVectorView<xaml::Documents::Inline> &inlines,
-    const winrt::Point &pointerPos) {
+    const winrt::Point &pointerPos,
+    bool &isHit) {
   winrt::IPropertyValue tag(nullptr);
 
   for (const auto &el : inlines) {
     if (const auto span = el.try_as<xaml::Documents::Span>()) {
-      const auto resTag = TestHit(span.Inlines().GetView(), pointerPos);
+      auto resTag = TestHit(span.Inlines().GetView(), pointerPos, isHit);
 
-      if (resTag) {
+      if (resTag)
         return resTag;
-      }
 
+      if (isHit) {
+        tag = el.GetValue(xaml::FrameworkElement::TagProperty()).try_as<winrt::IPropertyValue>();
+        if (tag) {
+          return tag;
+        }
+      }
     } else if (const auto run = el.try_as<xaml::Documents::Run>()) {
       const auto start = el.ContentStart();
       const auto end = el.ContentEnd();
@@ -475,10 +483,8 @@ winrt::IPropertyValue TouchEventHandler::TestHit(
       // Approximate the bounding rect (for now, don't account for text wrapping).
       if ((startRect.X <= pointerPos.X) && (endRect.X + endRect.Width >= pointerPos.X) &&
           (startRect.Y <= pointerPos.Y) && (endRect.Y + endRect.Height >= pointerPos.Y)) {
-        tag = el.GetValue(xaml::FrameworkElement::TagProperty()).try_as<winrt::IPropertyValue>();
-        assert(tag);
-
-        return tag;
+        isHit = true;
+        return nullptr;
       }
     }
   }
diff --git a/vnext/Microsoft.ReactNative/Views/TouchEventHandler.h b/vnext/Microsoft.ReactNative/Views/TouchEventHandler.h
index 2596b4235b9..e82003a4501 100644
--- a/vnext/Microsoft.ReactNative/Views/TouchEventHandler.h
+++ b/vnext/Microsoft.ReactNative/Views/TouchEventHandler.h
@@ -96,7 +96,8 @@ class TouchEventHandler {
   bool TagFromOriginalSource(const winrt::PointerRoutedEventArgs &args, int64_t *pTag, xaml::UIElement *pSourceElement);
   winrt::IPropertyValue TestHit(
       const winrt::Collections::IVectorView<xaml::Documents::Inline> &inlines,
-      const winrt::Point &pointerPos);
+      const winrt::Point &pointerPos,
+      bool &isHit);
 
   XamlView m_xamlView;
   std::weak_ptr<IReactInstance> m_wkReactInstance;
diff --git a/vnext/ReactCopies/IntegrationTests/IntegrationTestsApp.js b/vnext/ReactCopies/IntegrationTests/IntegrationTestsApp.js
index c52fe515221..1e52877b7b9 100644
--- a/vnext/ReactCopies/IntegrationTests/IntegrationTestsApp.js
+++ b/vnext/ReactCopies/IntegrationTests/IntegrationTestsApp.js
@@ -79,6 +79,9 @@ class IntegrationTestsApp extends React.Component<{...}, $FlowFixMeState> {
           {TESTS.map(test => [
             <TouchableOpacity
               onPress={() => this.setState({test})}
+              /* $FlowFixMe(>=0.115.0 site=react_native_fb) This comment
+               * suppresses an error found when Flow v0.115 was deployed. To
+               * see the error, delete this comment and run Flow. */
               style={styles.row}>
               <Text style={styles.testName}>{test.displayName}</Text>
             </TouchableOpacity>,
diff --git a/vnext/ReactCopies/RNTester/js/RNTesterApp.android.js b/vnext/ReactCopies/RNTester/js/RNTesterApp.android.js
index fd3655deec2..d7371b4ee6a 100644
--- a/vnext/ReactCopies/RNTester/js/RNTesterApp.android.js
+++ b/vnext/ReactCopies/RNTester/js/RNTesterApp.android.js
@@ -316,6 +316,8 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
       /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
        * when making Flow check .android.js files. */
       this._exampleRef &&
+      /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
+       * when making Flow check .android.js files. */
       this._exampleRef.handleBackAction &&
       /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
        * when making Flow check .android.js files. */
diff --git a/vnext/ReactCopies/RNTester/js/RNTesterApp.ios.js b/vnext/ReactCopies/RNTester/js/RNTesterApp.ios.js
index 8245a68d12b..1ae924c9b06 100644
--- a/vnext/ReactCopies/RNTester/js/RNTesterApp.ios.js
+++ b/vnext/ReactCopies/RNTester/js/RNTesterApp.ios.js
@@ -31,7 +31,7 @@ const {
   Text,
   useColorScheme,
   View,
-  YellowBox,
+  LogBox,
 } = require('react-native');
 
 import type {RNTesterExample} from './types/RNTesterTypes';
@@ -42,9 +42,7 @@ import type {ColorSchemeName} from '../../Libraries/Utilities/NativeAppearance';
 
 type Props = {exampleFromAppetizeParams?: ?string, ...};
 
-YellowBox.ignoreWarnings([
-  'Module RCTImagePickerManager requires main queue setup',
-]);
+LogBox.ignoreLogs(['Module RCTImagePickerManager requires main queue setup']);
 
 const APP_STATE_KEY = 'RNTesterAppState.v2';
 
diff --git a/vnext/ReactCopies/RNTester/js/components/RNTesterTheme.js b/vnext/ReactCopies/RNTester/js/components/RNTesterTheme.js
index b78a8344fe2..7bc14ea3ebd 100644
--- a/vnext/ReactCopies/RNTester/js/components/RNTesterTheme.js
+++ b/vnext/ReactCopies/RNTester/js/components/RNTesterTheme.js
@@ -12,28 +12,29 @@
 
 import * as React from 'react';
 import {Appearance} from 'react-native';
+import type {ColorValue} from '../../../Libraries/StyleSheet/StyleSheetTypes';
 
 export type RNTesterTheme = {
-  LabelColor: string,
-  SecondaryLabelColor: string,
-  TertiaryLabelColor: string,
-  QuaternaryLabelColor: string,
-  PlaceholderTextColor: string,
-  SystemBackgroundColor: string,
-  SecondarySystemBackgroundColor: string,
-  TertiarySystemBackgroundColor: string,
-  GroupedBackgroundColor: string,
-  SecondaryGroupedBackgroundColor: string,
-  TertiaryGroupedBackgroundColor: string,
-  SystemFillColor: string,
-  SecondarySystemFillColor: string,
-  TertiarySystemFillColor: string,
-  QuaternarySystemFillColor: string,
-  SeparatorColor: string,
-  OpaqueSeparatorColor: string,
-  LinkColor: string,
-  SystemPurpleColor: string,
-  ToolbarColor: string,
+  LabelColor: ColorValue,
+  SecondaryLabelColor: ColorValue,
+  TertiaryLabelColor: ColorValue,
+  QuaternaryLabelColor: ColorValue,
+  PlaceholderTextColor: ColorValue,
+  SystemBackgroundColor: ColorValue,
+  SecondarySystemBackgroundColor: ColorValue,
+  TertiarySystemBackgroundColor: ColorValue,
+  GroupedBackgroundColor: ColorValue,
+  SecondaryGroupedBackgroundColor: ColorValue,
+  TertiaryGroupedBackgroundColor: ColorValue,
+  SystemFillColor: ColorValue,
+  SecondarySystemFillColor: ColorValue,
+  TertiarySystemFillColor: ColorValue,
+  QuaternarySystemFillColor: ColorValue,
+  SeparatorColor: ColorValue,
+  OpaqueSeparatorColor: ColorValue,
+  LinkColor: ColorValue,
+  SystemPurpleColor: ColorValue,
+  ToolbarColor: ColorValue,
   ...
 };
 
diff --git a/vnext/ReactCopies/RNTester/js/examples/Appearance/AppearanceExample.js b/vnext/ReactCopies/RNTester/js/examples/Appearance/AppearanceExample.js
index ab99e9213bf..bc2d074b2be 100644
--- a/vnext/ReactCopies/RNTester/js/examples/Appearance/AppearanceExample.js
+++ b/vnext/ReactCopies/RNTester/js/examples/Appearance/AppearanceExample.js
@@ -191,7 +191,9 @@ exports.examples = [
                           paddingVertical: 2,
                           color: theme.LabelColor,
                         }}>
-                        {theme[key]}
+                        {typeof theme[key] === 'string'
+                          ? theme[key]
+                          : JSON.stringify(theme[key])}
                       </Text>
                     </View>
                   </View>
diff --git a/vnext/ReactCopies/RNTester/js/examples/Image/ImageExample.js b/vnext/ReactCopies/RNTester/js/examples/Image/ImageExample.js
index 3fd95a4594f..da56f1865f6 100644
--- a/vnext/ReactCopies/RNTester/js/examples/Image/ImageExample.js
+++ b/vnext/ReactCopies/RNTester/js/examples/Image/ImageExample.js
@@ -26,7 +26,7 @@ const base64Icon =
 
 const ImageCapInsetsExample = require('./ImageCapInsetsExample');
 const IMAGE_PREFETCH_URL =
-  'http://origami.design/public/images/bird-logo.png?r=1&t=' + Date.now();
+  'https://www.facebook.com/favicon.ico?r=1&t=' + Date.now();
 const prefetchTask = Image.prefetch(IMAGE_PREFETCH_URL);
 
 type ImageSource = $ReadOnly<{|
@@ -312,18 +312,17 @@ class MultipleSourcesExample extends React.Component<
             style={{flex: 1}}
             source={[
               {
-                uri: 'https://facebook.github.io/react-native/img/favicon.png',
+                uri: 'https://www.facebook.com/favicon.ico',
                 width: 38,
                 height: 38,
               },
               {
-                uri: 'https://facebook.github.io/react-native/img/favicon.png',
+                uri: 'https://www.facebook.com/favicon.ico',
                 width: 76,
                 height: 76,
               },
               {
-                uri:
-                  'https://facebook.github.io/react-native/img/opengraph.png',
+                uri: 'https://www.facebook.com/ads/pics/successstories.png',
                 width: 400,
                 height: 400,
               },
@@ -336,10 +335,10 @@ class MultipleSourcesExample extends React.Component<
 }
 
 const fullImage = {
-  uri: 'https://facebook.github.io/react-native/img/opengraph.png',
+  uri: 'https://www.facebook.com/ads/pics/successstories.png',
 };
 const smallImage = {
-  uri: 'https://facebook.github.io/react-native/img/favicon.png',
+  uri: 'https://www.facebook.com/favicon.ico',
 };
 
 const styles = StyleSheet.create({
@@ -448,9 +447,7 @@ exports.examples = [
       return (
         <NetworkImageCallbackExample
           source={{
-            uri:
-              'http://origami.design/public/images/bird-logo.png?r=1&t=' +
-              Date.now(),
+            uri: 'https://www.facebook.com/favicon.ico?r=1&t=' + Date.now(),
           }}
           prefetchedSource={{uri: IMAGE_PREFETCH_URL}}
         />
@@ -463,7 +460,7 @@ exports.examples = [
       return (
         <NetworkImageExample
           source={{
-            uri: 'https://TYPO_ERROR_facebook.github.io/react/logo-og.png',
+            uri: 'https://www.facebook.com/favicon_TYPO.ico',
           }}
         />
       );
@@ -476,7 +473,7 @@ exports.examples = [
       return (
         <NetworkImageExample
           source={{
-            uri: 'http://origami.design/public/images/bird-logo.png?r=1',
+            uri: 'https://www.facebook.com/favicon.ico?r=1',
           }}
         />
       );
@@ -491,7 +488,7 @@ exports.examples = [
         <Image
           defaultSource={require('../../assets/bunny.png')}
           source={{
-            uri: 'https://facebook.github.io/origami/public/images/birds.jpg',
+            uri: 'https://origami.design/public/images/bird-logo.png',
           }}
           style={styles.base}
         />
@@ -783,6 +780,9 @@ exports.examples = [
                       source={image}
                     />
                   </View>
+                  {/* $FlowFixMe(>=0.115.0 site=react_native_fb) This comment
+                   * suppresses an error found when Flow v0.115 was deployed.
+                   * To see the error, delete this comment and run Flow. */}
                   <View style={styles.leftMargin}>
                     <Text style={[styles.resizeModeText]}>Cover</Text>
                     <Image
@@ -801,6 +801,9 @@ exports.examples = [
                       source={image}
                     />
                   </View>
+                  {/* $FlowFixMe(>=0.115.0 site=react_native_fb) This comment
+                   * suppresses an error found when Flow v0.115 was deployed.
+                   * To see the error, delete this comment and run Flow. */}
                   <View style={styles.leftMargin}>
                     <Text style={[styles.resizeModeText]}>Repeat</Text>
                     <Image
@@ -809,6 +812,9 @@ exports.examples = [
                       source={image}
                     />
                   </View>
+                  {/* $FlowFixMe(>=0.115.0 site=react_native_fb) This comment
+                   * suppresses an error found when Flow v0.115 was deployed.
+                   * To see the error, delete this comment and run Flow. */}
                   <View style={styles.leftMargin}>
                     <Text style={[styles.resizeModeText]}>Center</Text>
                     <Image
@@ -860,6 +866,9 @@ exports.examples = [
   {
     title: 'Image Size',
     render: function(): React.Node {
+      /* $FlowFixMe(>=0.115.0 site=react_native_fb) This comment suppresses an
+       * error found when Flow v0.115 was deployed. To see the error, delete
+       * this comment and run Flow. */
       return <ImageSizeExample source={fullImage} />;
     },
   },
diff --git a/vnext/ReactCopies/RNTester/js/examples/Layout/LayoutEventsExample.js b/vnext/ReactCopies/RNTester/js/examples/Layout/LayoutEventsExample.js
index 4791cba84a9..5abb07d95e7 100644
--- a/vnext/ReactCopies/RNTester/js/examples/Layout/LayoutEventsExample.js
+++ b/vnext/ReactCopies/RNTester/js/examples/Layout/LayoutEventsExample.js
@@ -102,8 +102,7 @@ class LayoutEventExample extends React.Component<Props, State> {
             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',
+              uri: 'https://www.facebook.com/favicon.ico',
             }}
           />
           <Text>
diff --git a/vnext/ReactCopies/RNTester/js/examples/MaskedView/MaskedViewExample.js b/vnext/ReactCopies/RNTester/js/examples/MaskedView/MaskedViewExample.js
index 2b9f99c19a0..7ad01c6e41c 100644
--- a/vnext/ReactCopies/RNTester/js/examples/MaskedView/MaskedViewExample.js
+++ b/vnext/ReactCopies/RNTester/js/examples/MaskedView/MaskedViewExample.js
@@ -35,12 +35,12 @@ class AnimatedMaskExample extends React.Component<Props> {
       Animated.sequence([
         Animated.timing(this._maskScaleAnimatedValue, {
           toValue: 1.3,
-          timing: 750,
+          duration: 750,
           useNativeDriver: true,
         }),
         Animated.timing(this._maskScaleAnimatedValue, {
           toValue: 1,
-          timing: 750,
+          duration: 750,
           useNativeDriver: true,
         }),
       ]),
@@ -49,7 +49,7 @@ class AnimatedMaskExample extends React.Component<Props> {
     Animated.loop(
       Animated.timing(this._maskRotateAnimatedValue, {
         toValue: 360,
-        timing: 2000,
+        duration: 2000,
         useNativeDriver: true,
       }),
     ).start();
@@ -76,6 +76,9 @@ class AnimatedMaskExample extends React.Component<Props> {
                 {
                   rotate: this._maskRotateAnimatedValue.interpolate({
                     inputRange: [0, 360],
+                    /* $FlowFixMe(>=0.38.0) - Flow error detected during the
+                     * deployment of v0.38.0. To see the error, remove this
+                     * comment and run flow */
                     outputRange: ['0deg', '360deg'],
                   }),
                 },
diff --git a/vnext/ReactCopies/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js b/vnext/ReactCopies/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js
index cd20cb7ca50..e6c4fcb591c 100644
--- a/vnext/ReactCopies/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js
+++ b/vnext/ReactCopies/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js
@@ -145,6 +145,9 @@ class LoopExample extends React.Component<{...}, $FlowFixMeState> {
             {
               opacity: this.state.value.interpolate({
                 inputRange: [0, 0.5, 1],
+                /* $FlowFixMe(>=0.38.0) - Flow error detected during the
+                 * deployment of v0.38.0. To see the error, remove this comment
+                 * and run flow */
                 outputRange: [0, 1, 0],
               }),
             },
@@ -240,6 +243,9 @@ class EventExample extends React.Component<{...}, $FlowFixMeState> {
                 {
                   rotate: this.state.anim.interpolate({
                     inputRange: [0, 1],
+                    /* $FlowFixMe(>=0.38.0) - Flow error detected during the
+                     * deployment of v0.38.0. To see the error, remove this
+                     * comment and run flow */
                     outputRange: ['0deg', '1deg'],
                   }),
                 },
diff --git a/vnext/ReactCopies/RNTester/js/examples/Picker/PickerExample.js b/vnext/ReactCopies/RNTester/js/examples/Picker/PickerExample.js
index 7672b9ea420..c4d1e2bfcf4 100644
--- a/vnext/ReactCopies/RNTester/js/examples/Picker/PickerExample.js
+++ b/vnext/ReactCopies/RNTester/js/examples/Picker/PickerExample.js
@@ -125,6 +125,25 @@ class ColorPickerExample extends React.Component<{...}, ColorState> {
     );
   }
 }
+class AccessibilityLabelPickerExample extends React.Component<{||}, State> {
+  state: State = {
+    value: '3',
+  };
+
+  render(): React.Node {
+    return (
+      <Picker
+        accessibilityLabel={this.state.value + 'Hours'}
+        style={styles.picker}
+        selectedValue={this.state.value}
+        onValueChange={v => this.setState({value: v})}>
+        <Item label="1" value="1" />
+        <Item label="2" value="2" />
+        <Item label="3" value="3" />
+      </Picker>
+    );
+  }
+}
 
 const styles = StyleSheet.create({
   picker: {
@@ -160,6 +179,12 @@ exports.examples = [
       return <PromptPickerExample />;
     },
   },
+  {
+    title: 'Accessibility Label pickers',
+    render: function(): React.Element<typeof AccessibilityLabelPickerExample> {
+      return <AccessibilityLabelPickerExample />;
+    },
+  },
   {
     title: 'Picker with no listener',
     render: function(): React.Element<typeof PromptPickerExample> {
@@ -186,4 +211,10 @@ exports.examples = [
       return <ColorPickerExample />;
     },
   },
+  {
+    title: 'AccessibilityLabel pickers',
+    render: function(): React.Element<typeof AccessibilityLabelPickerExample> {
+      return <AccessibilityLabelPickerExample />;
+    },
+  },
 ];
diff --git a/vnext/ReactCopies/RNTester/js/examples/PlatformColor/PlatformColorExample.js b/vnext/ReactCopies/RNTester/js/examples/PlatformColor/PlatformColorExample.js
new file mode 100644
index 00000000000..8417ff6d2d8
--- /dev/null
+++ b/vnext/ReactCopies/RNTester/js/examples/PlatformColor/PlatformColorExample.js
@@ -0,0 +1,355 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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');
+const ReactNative = require('react-native');
+import Platform from '../../../../Libraries/Utilities/Platform';
+const {
+  ColorAndroid,
+  DynamicColorIOS,
+  PlatformColor,
+  StyleSheet,
+  Text,
+  View,
+} = ReactNative;
+
+function PlatformColorsExample() {
+  function createTable() {
+    let colors = [];
+    if (Platform.OS === 'ios') {
+      colors = [
+        // https://developer.apple.com/documentation/uikit/uicolor/ui_element_colors
+        // Label Colors
+        {label: 'labelColor', color: PlatformColor('labelColor')},
+        {
+          label: 'secondaryLabelColor',
+          color: PlatformColor('secondaryLabelColor'),
+        },
+        {
+          label: 'tertiaryLabelColor',
+          color: PlatformColor('tertiaryLabelColor'),
+        },
+        {
+          label: 'quaternaryLabelColor',
+          color: PlatformColor('quaternaryLabelColor'),
+        },
+        // Fill Colors
+        {label: 'systemFillColor', color: PlatformColor('systemFillColor')},
+        {
+          label: 'secondarySystemFillColor',
+          color: PlatformColor('secondarySystemFillColor'),
+        },
+        {
+          label: 'tertiarySystemFillColor',
+          color: PlatformColor('tertiarySystemFillColor'),
+        },
+        {
+          label: 'quaternarySystemFillColor',
+          color: PlatformColor('quaternarySystemFillColor'),
+        },
+        // Text Colors
+        {
+          label: 'placeholderTextColor',
+          color: PlatformColor('placeholderTextColor'),
+        },
+        // Standard Content Background Colors
+        {
+          label: 'systemBackgroundColor',
+          color: PlatformColor('systemBackgroundColor'),
+        },
+        {
+          label: 'secondarySystemBackgroundColor',
+          color: PlatformColor('secondarySystemBackgroundColor'),
+        },
+        {
+          label: 'tertiarySystemBackgroundColor',
+          color: PlatformColor('tertiarySystemBackgroundColor'),
+        },
+        // Grouped Content Background Colors
+        {
+          label: 'systemGroupedBackgroundColor',
+          color: PlatformColor('systemGroupedBackgroundColor'),
+        },
+        {
+          label: 'secondarySystemGroupedBackgroundColor',
+          color: PlatformColor('secondarySystemGroupedBackgroundColor'),
+        },
+        {
+          label: 'tertiarySystemGroupedBackgroundColor',
+          color: PlatformColor('tertiarySystemGroupedBackgroundColor'),
+        },
+        // Separator Colors
+        {label: 'separatorColor', color: PlatformColor('separatorColor')},
+        {
+          label: 'opaqueSeparatorColor',
+          color: PlatformColor('opaqueSeparatorColor'),
+        },
+        // Link Color
+        {label: 'linkColor', color: PlatformColor('linkColor')},
+        // Nonadaptable Colors
+        {label: 'darkTextColor', color: PlatformColor('darkTextColor')},
+        {label: 'lightTextColor', color: PlatformColor('lightTextColor')},
+        // https://developer.apple.com/documentation/uikit/uicolor/standard_colors
+        // Adaptable Colors
+        {label: 'systemBlueColor', color: PlatformColor('systemBlueColor')},
+        {label: 'systemBrownColor', color: PlatformColor('systemBrownColor')},
+        {label: 'systemGreenColor', color: PlatformColor('systemGreenColor')},
+        {label: 'systemIndigoColor', color: PlatformColor('systemIndigoColor')},
+        {label: 'systemOrangeColor', color: PlatformColor('systemOrangeColor')},
+        {label: 'systemPinkColor', color: PlatformColor('systemPinkColor')},
+        {label: 'systemPurpleColor', color: PlatformColor('systemPurpleColor')},
+        {label: 'systemRedColor', color: PlatformColor('systemRedColor')},
+        {label: 'systemTealColor', color: PlatformColor('systemTealColor')},
+        {label: 'systemYellowColor', color: PlatformColor('systemYellowColor')},
+        // Adaptable Gray Colors
+        {label: 'systemGrayColor', color: PlatformColor('systemGrayColor')},
+        {label: 'systemGray2Color', color: PlatformColor('systemGray2Color')},
+        {label: 'systemGray3Color', color: PlatformColor('systemGray3Color')},
+        {label: 'systemGray4Color', color: PlatformColor('systemGray4Color')},
+        {label: 'systemGray5Color', color: PlatformColor('systemGray5Color')},
+        {label: 'systemGray6Color', color: PlatformColor('systemGray6Color')},
+      ];
+    } else if (Platform.OS === 'android') {
+      colors = [
+        {label: '?attr/colorAccent', color: PlatformColor('?attr/colorAccent')},
+        {
+          label: '?attr/colorBackgroundFloating',
+          color: PlatformColor('?attr/colorBackgroundFloating'),
+        },
+        {
+          label: '?attr/colorButtonNormal',
+          color: PlatformColor('?attr/colorButtonNormal'),
+        },
+        {
+          label: '?attr/colorControlActivated',
+          color: PlatformColor('?attr/colorControlActivated'),
+        },
+        {
+          label: '?attr/colorControlHighlight',
+          color: PlatformColor('?attr/colorControlHighlight'),
+        },
+        {
+          label: '?attr/colorControlNormal',
+          color: PlatformColor('?attr/colorControlNormal'),
+        },
+        {
+          label: '?android:colorError',
+          color: PlatformColor('?android:colorError'),
+        },
+        {
+          label: '?android:attr/colorError',
+          color: PlatformColor('?android:attr/colorError'),
+        },
+        {
+          label: '?attr/colorPrimary',
+          color: PlatformColor('?attr/colorPrimary'),
+        },
+        {label: '?colorPrimaryDark', color: PlatformColor('?colorPrimaryDark')},
+        {
+          label: '@android:color/holo_purple',
+          color: PlatformColor('@android:color/holo_purple'),
+        },
+        {
+          label: '@android:color/holo_green_light',
+          color: PlatformColor('@android:color/holo_green_light'),
+        },
+        {
+          label: '@color/catalyst_redbox_background',
+          color: PlatformColor('@color/catalyst_redbox_background'),
+        },
+        {
+          label: '@color/catalyst_logbox_background',
+          color: PlatformColor('@color/catalyst_logbox_background'),
+        },
+      ];
+    }
+
+    let table = [];
+    for (let color of colors) {
+      table.push(
+        <View style={styles.row} key={color.label}>
+          <Text style={styles.labelCell}>{color.label}</Text>
+          <View
+            style={{
+              ...styles.colorCell,
+              backgroundColor: color.color,
+            }}
+          />
+        </View>,
+      );
+    }
+    return table;
+  }
+
+  return <View style={styles.column}>{createTable()}</View>;
+}
+
+function FallbackColorsExample() {
+  let color = {};
+  if (Platform.OS === 'ios') {
+    color = {
+      label: "PlatformColor('bogus', 'systemGreenColor')",
+      color: PlatformColor('bogus', 'systemGreenColor'),
+    };
+  } else if (Platform.OS === 'android') {
+    color = {
+      label: "PlatformColor('bogus', '@color/catalyst_redbox_background')",
+      color: PlatformColor('bogus', '@color/catalyst_redbox_background'),
+    };
+  } else {
+    throw 'Unexpected Platform.OS: ' + Platform.OS;
+  }
+
+  return (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>{color.label}</Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: color.color,
+          }}
+        />
+      </View>
+    </View>
+  );
+}
+
+function DynamicColorsExample() {
+  return Platform.OS === 'ios' ? (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>
+          DynamicColorIOS({'{\n'}
+          {'  '}light: 'red', dark: 'blue'{'\n'}
+          {'}'})
+        </Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: DynamicColorIOS({light: 'red', dark: 'blue'}),
+          }}
+        />
+      </View>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>
+          DynamicColorIOS({'{\n'}
+          {'  '}light: PlatformColor('systemBlueColor'),{'\n'}
+          {'  '}dark: PlatformColor('systemRedColor'),{'\n'}
+          {'}'})
+        </Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: DynamicColorIOS({
+              light: PlatformColor('systemBlueColor'),
+              dark: PlatformColor('systemRedColor'),
+            }),
+          }}
+        />
+      </View>
+    </View>
+  ) : (
+    <Text style={styles.labelCell}>Not applicable on this platform</Text>
+  );
+}
+
+function AndroidColorsExample() {
+  return Platform.OS === 'android' ? (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>ColorAndroid('?attr/colorAccent')</Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: ColorAndroid('?attr/colorAccent'),
+          }}
+        />
+      </View>
+    </View>
+  ) : (
+    <Text style={styles.labelCell}>Not applicable on this platform</Text>
+  );
+}
+
+function VariantColorsExample() {
+  return (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>
+          {Platform.OS === 'ios'
+            ? "DynamicColorIOS({light: 'red', dark: 'blue'})"
+            : "ColorAndroid('?attr/colorAccent')"}
+        </Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor:
+              Platform.OS === 'ios'
+                ? DynamicColorIOS({light: 'red', dark: 'blue'})
+                : ColorAndroid('?attr/colorAccent'),
+          }}
+        />
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  column: {flex: 1, flexDirection: 'column'},
+  row: {flex: 0.75, flexDirection: 'row'},
+  labelCell: {
+    flex: 1,
+    alignItems: 'stretch',
+    ...Platform.select({
+      ios: {color: PlatformColor('labelColor')},
+      default: {color: 'black'},
+    }),
+  },
+  colorCell: {flex: 0.25, alignItems: 'stretch'},
+});
+
+exports.title = 'PlatformColor';
+exports.description =
+  'Examples that show how PlatformColors may be used in an app.';
+exports.examples = [
+  {
+    title: 'Platform Colors',
+    render(): React.Element<any> {
+      return <PlatformColorsExample />;
+    },
+  },
+  {
+    title: 'Fallback Colors',
+    render(): React.Element<any> {
+      return <FallbackColorsExample />;
+    },
+  },
+  {
+    title: 'iOS Dynamic Colors',
+    render(): React.Element<any> {
+      return <DynamicColorsExample />;
+    },
+  },
+  {
+    title: 'Android Colors',
+    render(): React.Element<any> {
+      return <AndroidColorsExample />;
+    },
+  },
+  {
+    title: 'Variant Colors',
+    render(): React.Element<any> {
+      return <VariantColorsExample />;
+    },
+  },
+];
diff --git a/vnext/ReactCopies/RNTester/js/examples/Pressable/PressableExample.js b/vnext/ReactCopies/RNTester/js/examples/Pressable/PressableExample.js
new file mode 100644
index 00000000000..d2155ebc48a
--- /dev/null
+++ b/vnext/ReactCopies/RNTester/js/examples/Pressable/PressableExample.js
@@ -0,0 +1,426 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+import * as React from 'react';
+import {
+  Animated,
+  Pressable,
+  StyleSheet,
+  Text,
+  Platform,
+  View,
+} from 'react-native';
+
+const {useEffect, useRef, useState} = React;
+
+const forceTouchAvailable =
+  (Platform.OS === 'ios' && Platform.constants.forceTouchAvailable) || false;
+
+function ContentPress() {
+  const [timesPressed, setTimesPressed] = useState(0);
+
+  let textLog = '';
+  if (timesPressed > 1) {
+    textLog = timesPressed + 'x onPress';
+  } else if (timesPressed > 0) {
+    textLog = 'onPress';
+  }
+
+  return (
+    <>
+      <View style={styles.row}>
+        <Pressable
+          onPress={() => {
+            setTimesPressed(current => current + 1);
+          }}>
+          {({pressed}) => (
+            <Text style={styles.text}>{pressed ? 'Pressed!' : 'Press Me'}</Text>
+          )}
+        </Pressable>
+      </View>
+      <View style={styles.logBox}>
+        <Text testID="pressable_press_console">{textLog}</Text>
+      </View>
+    </>
+  );
+}
+
+function TextOnPressBox() {
+  const [timesPressed, setTimesPressed] = useState(0);
+
+  let textLog = '';
+  if (timesPressed > 1) {
+    textLog = timesPressed + 'x text onPress';
+  } else if (timesPressed > 0) {
+    textLog = 'text onPress';
+  }
+
+  return (
+    <>
+      <Text
+        style={styles.textBlock}
+        testID="tappable_text"
+        onPress={() => {
+          setTimesPressed(prev => prev + 1);
+        }}>
+        Text has built-in onPress handling
+      </Text>
+      <View style={styles.logBox}>
+        <Text testID="tappable_text_console">{textLog}</Text>
+      </View>
+    </>
+  );
+}
+
+function PressableFeedbackEvents() {
+  const [eventLog, setEventLog] = useState([]);
+
+  function appendEvent(eventName) {
+    const limit = 6;
+    setEventLog(current => {
+      return [eventName].concat(current.slice(0, limit - 1));
+    });
+  }
+
+  return (
+    <View testID="pressable_feedback_events">
+      <View style={[styles.row, styles.centered]}>
+        <Pressable
+          style={styles.wrapper}
+          testID="pressable_feedback_events_button"
+          accessibilityLabel="pressable feedback events"
+          accessibilityRole="button"
+          onPress={() => appendEvent('press')}
+          onPressIn={() => appendEvent('pressIn')}
+          onPressOut={() => appendEvent('pressOut')}
+          onLongPress={() => appendEvent('longPress')}>
+          <Text style={styles.button}>Press Me</Text>
+        </Pressable>
+      </View>
+      <View
+        testID="pressable_feedback_events_console"
+        style={styles.eventLogBox}>
+        {eventLog.map((e, ii) => (
+          <Text key={ii}>{e}</Text>
+        ))}
+      </View>
+    </View>
+  );
+}
+
+function PressableDelayEvents() {
+  const [eventLog, setEventLog] = useState([]);
+
+  function appendEvent(eventName) {
+    const limit = 6;
+    const newEventLog = eventLog.slice(0, limit - 1);
+    newEventLog.unshift(eventName);
+    setEventLog(newEventLog);
+  }
+
+  return (
+    <View testID="pressable_delay_events">
+      <View style={[styles.row, styles.centered]}>
+        <Pressable
+          style={styles.wrapper}
+          testID="pressable_delay_events_button"
+          onPress={() => appendEvent('press')}
+          onPressIn={() => appendEvent('pressIn')}
+          onPressOut={() => appendEvent('pressOut')}
+          delayLongPress={800}
+          onLongPress={() => appendEvent('longPress - 800ms delay')}>
+          <Text style={styles.button}>Press Me</Text>
+        </Pressable>
+      </View>
+      <View style={styles.eventLogBox} testID="pressable_delay_events_console">
+        {eventLog.map((e, ii) => (
+          <Text key={ii}>{e}</Text>
+        ))}
+      </View>
+    </View>
+  );
+}
+
+function ForceTouchExample() {
+  const [force, setForce] = useState(0);
+
+  const consoleText = forceTouchAvailable
+    ? 'Force: ' + force.toFixed(3)
+    : '3D Touch is not available on this device';
+
+  return (
+    <View testID="pressable_3dtouch_event">
+      <View style={styles.forceTouchBox} testID="pressable_3dtouch_output">
+        <Text>{consoleText}</Text>
+      </View>
+      <View style={[styles.row, styles.centered]}>
+        <View
+          style={styles.wrapper}
+          testID="pressable_3dtouch_button"
+          onStartShouldSetResponder={() => true}
+          onResponderMove={event => setForce(event.nativeEvent.force)}
+          onResponderRelease={event => setForce(0)}>
+          <Text style={styles.button}>Press Me</Text>
+        </View>
+      </View>
+    </View>
+  );
+}
+
+function PressableHitSlop() {
+  const [timesPressed, setTimesPressed] = useState(0);
+
+  let log = '';
+  if (timesPressed > 1) {
+    log = timesPressed + 'x onPress';
+  } else if (timesPressed > 0) {
+    log = 'onPress';
+  }
+
+  return (
+    <View testID="pressable_hit_slop">
+      <View style={[styles.row, styles.centered]}>
+        <Pressable
+          onPress={() => setTimesPressed(num => num + 1)}
+          style={styles.hitSlopWrapper}
+          hitSlop={{top: 30, bottom: 30, left: 60, right: 60}}
+          testID="pressable_hit_slop_button">
+          <Text style={styles.hitSlopButton}>Press Outside This View</Text>
+        </Pressable>
+      </View>
+      <View style={styles.logBox}>
+        <Text>{log}</Text>
+      </View>
+    </View>
+  );
+}
+
+function PressableNativeMethods() {
+  const [status, setStatus] = useState<?boolean>(null);
+  const ref = useRef(null);
+
+  useEffect(() => {
+    setStatus(ref.current != null && typeof ref.current.measure === 'function');
+  }, []);
+
+  return (
+    <>
+      <View style={[styles.row, styles.block]}>
+        <Pressable ref={ref}>
+          <View />
+        </Pressable>
+        <Text>
+          {status == null
+            ? 'Missing Ref!'
+            : status === true
+            ? 'Native Methods Exist'
+            : 'Native Methods Missing!'}
+        </Text>
+      </View>
+    </>
+  );
+}
+
+function PressableDisabled() {
+  return (
+    <>
+      <Pressable disabled={true} style={[styles.row, styles.block]}>
+        <Text style={styles.disabledButton}>Disabled Pressable</Text>
+      </Pressable>
+
+      <Pressable
+        disabled={false}
+        style={({pressed}) => [
+          {opacity: pressed ? 0.5 : 1},
+          styles.row,
+          styles.block,
+        ]}>
+        <Text style={styles.button}>Enabled Pressable</Text>
+      </Pressable>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  row: {
+    justifyContent: 'center',
+    flexDirection: 'row',
+  },
+  centered: {
+    justifyContent: 'center',
+  },
+  text: {
+    fontSize: 16,
+  },
+  block: {
+    padding: 10,
+  },
+  button: {
+    color: '#007AFF',
+  },
+  disabledButton: {
+    color: '#007AFF',
+    opacity: 0.5,
+  },
+  hitSlopButton: {
+    color: 'white',
+  },
+  wrapper: {
+    borderRadius: 8,
+  },
+  wrapperCustom: {
+    borderRadius: 8,
+    padding: 6,
+  },
+  hitSlopWrapper: {
+    backgroundColor: 'red',
+    marginVertical: 30,
+  },
+  logBox: {
+    padding: 20,
+    margin: 10,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: '#f0f0f0',
+    backgroundColor: '#f9f9f9',
+  },
+  eventLogBox: {
+    padding: 10,
+    margin: 10,
+    height: 120,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: '#f0f0f0',
+    backgroundColor: '#f9f9f9',
+  },
+  forceTouchBox: {
+    padding: 10,
+    margin: 10,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: '#f0f0f0',
+    backgroundColor: '#f9f9f9',
+    alignItems: 'center',
+  },
+  textBlock: {
+    fontWeight: '500',
+    color: 'blue',
+  },
+});
+
+exports.displayName = (undefined: ?string);
+exports.description = 'Component for making views pressable.';
+exports.title = '<Pressable>';
+exports.examples = [
+  {
+    title: 'Change content based on Press',
+    render(): React.Node {
+      return <ContentPress />;
+    },
+  },
+  {
+    title: 'Change style based on Press',
+    render(): React.Node {
+      return (
+        <View style={styles.row}>
+          <Pressable
+            style={({pressed}) => [
+              {
+                backgroundColor: pressed ? 'rgb(210, 230, 255)' : 'white',
+              },
+              styles.wrapperCustom,
+            ]}>
+            <Text style={styles.text}>Press Me</Text>
+          </Pressable>
+        </View>
+      );
+    },
+  },
+  {
+    title: 'Pressable feedback events',
+    description: ('<Pressable> components accept onPress, onPressIn, ' +
+      'onPressOut, and onLongPress as props.': string),
+    render: function(): React.Node {
+      return <PressableFeedbackEvents />;
+    },
+  },
+  {
+    title: 'Pressable with Ripple and Animated child',
+    description: ('Pressable can have an AnimatedComponent as a direct child.': string),
+    platform: 'android',
+    render: function(): React.Node {
+      const mScale = new Animated.Value(1);
+      Animated.timing(mScale, {
+        toValue: 0.3,
+        duration: 1000,
+        useNativeDriver: false,
+      }).start();
+      const style = {
+        backgroundColor: 'rgb(180, 64, 119)',
+        width: 200,
+        height: 100,
+        transform: [{scale: mScale}],
+      };
+      return (
+        <View style={styles.row}>
+          <Pressable android_rippleColor="green">
+            <Animated.View style={style} />
+          </Pressable>
+        </View>
+      );
+    },
+  },
+  {
+    title: '<Text onPress={fn}> with highlight',
+    render: function(): React.Node {
+      return <TextOnPressBox />;
+    },
+  },
+  {
+    title: 'Pressable delay for events',
+    description: ('<Pressable> also accept delayPressIn, ' +
+      'delayPressOut, and delayLongPress as props. These props impact the ' +
+      'timing of feedback events.': string),
+    render: function(): React.Node {
+      return <PressableDelayEvents />;
+    },
+  },
+  {
+    title: '3D Touch / Force Touch',
+    description:
+      'iPhone 8 and 8 plus support 3D touch, which adds a force property to touches',
+    render: function(): React.Node {
+      return <ForceTouchExample />;
+    },
+    platform: 'ios',
+  },
+  {
+    title: 'Pressable Hit Slop',
+    description: ('<Pressable> components accept hitSlop prop which extends the touch area ' +
+      'without changing the view bounds.': string),
+    render: function(): React.Node {
+      return <PressableHitSlop />;
+    },
+  },
+  {
+    title: 'Pressable Native Methods',
+    description: ('<Pressable> components expose native methods like `measure`.': string),
+    render: function(): React.Node {
+      return <PressableNativeMethods />;
+    },
+  },
+  {
+    title: 'Disabled Pressable',
+    description: ('<Pressable> components accept disabled prop which prevents ' +
+      'any interaction with component': string),
+    render: function(): React.Node {
+      return <PressableDisabled />;
+    },
+  },
+];
diff --git a/vnext/ReactCopies/RNTester/js/examples/PushNotificationIOS/PushNotificationIOSExample.js b/vnext/ReactCopies/RNTester/js/examples/PushNotificationIOS/PushNotificationIOSExample.js
index c291a7a6e5e..93127afb755 100644
--- a/vnext/ReactCopies/RNTester/js/examples/PushNotificationIOS/PushNotificationIOSExample.js
+++ b/vnext/ReactCopies/RNTester/js/examples/PushNotificationIOS/PushNotificationIOSExample.js
@@ -49,8 +49,6 @@ class NotificationExample extends React.Component<{...}> {
       'localNotification',
       this._onLocalNotification,
     );
-
-    PushNotificationIOS.requestPermissions();
   }
 
   componentWillUnmount() {
@@ -173,18 +171,51 @@ class NotificationPermissionExample extends React.Component<
     return (
       <View>
         <Button
-          onPress={this._showPermissions.bind(this)}
-          label="Show enabled permissions"
+          onPress={this._requestPermissions}
+          label="Request Notifications (Should Display Alert)"
         />
-        <Text>{JSON.stringify(this.state.permissions)}</Text>
+        <Button onPress={this._checkPermissions} label="Check permissions" />
+        <Text style={{textAlign: 'center'}}>
+          {JSON.stringify(this.state.permissions)}
+        </Text>
       </View>
     );
   }
 
-  _showPermissions() {
+  _requestPermissions = () => {
+    PushNotificationIOS.requestPermissions().then(
+      onFulfill => {
+        this._showAlert(
+          'Successfully requested permissions -- ' +
+            'Alert: ' +
+            onFulfill.alert.toString() +
+            ', Badge: ' +
+            onFulfill.badge.toString() +
+            ', Sound: ' +
+            onFulfill.sound.toString(),
+        );
+        this._checkPermissions();
+      },
+      (onReject?) => {
+        this._showAlert('Error requesting permissions');
+        this._checkPermissions();
+      },
+    );
+  };
+
+  _checkPermissions = () => {
     PushNotificationIOS.checkPermissions(permissions => {
       this.setState({permissions});
     });
+  };
+
+  _showAlert(text) {
+    Alert.alert('Notification Permission', text, [
+      {
+        text: 'Dismiss',
+        onPress: null,
+      },
+    ]);
   }
 }
 
@@ -202,6 +233,18 @@ const styles = StyleSheet.create({
 exports.title = 'PushNotificationIOS';
 exports.description = 'Apple PushNotification and badge value';
 exports.examples = [
+  {
+    title: 'Notifications Permissions',
+    render(): React.Element<any> {
+      return <NotificationPermissionExample />;
+    },
+  },
+  {
+    title: 'Push Notifications',
+    render(): React.Element<any> {
+      return <NotificationExample />;
+    },
+  },
   {
     title: 'Badge Number',
     render(): React.Element<any> {
@@ -221,16 +264,4 @@ exports.examples = [
       );
     },
   },
-  {
-    title: 'Push Notifications',
-    render(): React.Element<any> {
-      return <NotificationExample />;
-    },
-  },
-  {
-    title: 'Notifications Permissions',
-    render(): React.Element<any> {
-      return <NotificationPermissionExample />;
-    },
-  },
 ];
diff --git a/vnext/ReactCopies/RNTester/js/examples/RefreshControl/RefreshControlExample.js b/vnext/ReactCopies/RNTester/js/examples/RefreshControl/RefreshControlExample.js
index bff7198e5ab..06493b0971b 100644
--- a/vnext/ReactCopies/RNTester/js/examples/RefreshControl/RefreshControlExample.js
+++ b/vnext/ReactCopies/RNTester/js/examples/RefreshControl/RefreshControlExample.js
@@ -116,6 +116,7 @@ class RefreshControlExample extends React.Component {
 
 exports.title = '<RefreshControl>';
 exports.description = 'Adds pull-to-refresh support to a scrollview.';
+exports.simpleExampleContainer = true;
 exports.examples = [
   {
     title: 'Simple refresh',
diff --git a/vnext/ReactCopies/RNTester/js/examples/ScrollView/ScrollViewAnimatedExample.js b/vnext/ReactCopies/RNTester/js/examples/ScrollView/ScrollViewAnimatedExample.js
index 0ca19402ab1..a4a5ffea339 100644
--- a/vnext/ReactCopies/RNTester/js/examples/ScrollView/ScrollViewAnimatedExample.js
+++ b/vnext/ReactCopies/RNTester/js/examples/ScrollView/ScrollViewAnimatedExample.js
@@ -39,10 +39,14 @@ class ScrollViewAnimatedExample extends Component<{...}> {
   render(): React.Node {
     const interpolated = this._scrollViewPos.interpolate({
       inputRange: [0, 1],
+      /* $FlowFixMe(>=0.38.0) - Flow error detected during the deployment of
+       * v0.38.0. To see the error, remove this comment and run flow */
       outputRange: [0, 0.1],
     });
     const interpolated2 = this._scrollViewPos.interpolate({
       inputRange: [0, 1],
+      /* $FlowFixMe(>=0.38.0) - Flow error detected during the deployment of
+       * v0.38.0. To see the error, remove this comment and run flow */
       outputRange: ['0deg', '1deg'],
     });
     return (
diff --git a/vnext/ReactCopies/RNTester/js/examples/Share/ShareExample.js b/vnext/ReactCopies/RNTester/js/examples/Share/ShareExample.js
index fe33658a9f2..bf33e7670ae 100644
--- a/vnext/ReactCopies/RNTester/js/examples/Share/ShareExample.js
+++ b/vnext/ReactCopies/RNTester/js/examples/Share/ShareExample.js
@@ -71,7 +71,7 @@ class ShareMessageExample extends React.Component<Props, State> {
     Share.share(
       {
         message: 'A framework for building native apps using React',
-        url: 'http://facebook.github.io/react-native/',
+        url: 'https://reactnative.dev/',
         title: 'React Native',
       },
       {
diff --git a/vnext/ReactCopies/RNTester/js/examples/Text/TextExample.ios.js b/vnext/ReactCopies/RNTester/js/examples/Text/TextExample.ios.js
index f1ed8a6a627..c87e9433143 100644
--- a/vnext/ReactCopies/RNTester/js/examples/Text/TextExample.ios.js
+++ b/vnext/ReactCopies/RNTester/js/examples/Text/TextExample.ios.js
@@ -318,6 +318,23 @@ class TextBaseLineLayoutExample extends React.Component<*, *> {
           {marker}
         </View>
 
+        <Text style={subtitleStyle}>
+          {'Multi-line interleaved <View> and <Text>:'}
+        </Text>
+        <View style={{flexDirection: 'row', alignItems: 'baseline'}}>
+          <Text selectable={true}>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris
+            venenatis,{' '}
+            <View
+              style={{
+                backgroundColor: 'yellow',
+              }}>
+              <Text>mauris eu commodo maximus</Text>
+            </View>{' '}
+            , ante arcu vestibulum ligula, et scelerisque diam.
+          </Text>
+        </View>
+
         <Text style={subtitleStyle}>{'<TextInput/>:'}</Text>
         <View style={{flexDirection: 'row', alignItems: 'baseline'}}>
           {marker}
diff --git a/vnext/ReactCopies/RNTester/js/examples/TextInput/TextInputExample.android.js b/vnext/ReactCopies/RNTester/js/examples/TextInput/TextInputExample.android.js
index f0d7be612fd..6306cd60387 100644
--- a/vnext/ReactCopies/RNTester/js/examples/TextInput/TextInputExample.android.js
+++ b/vnext/ReactCopies/RNTester/js/examples/TextInput/TextInputExample.android.js
@@ -114,6 +114,8 @@ class AutogrowingTextInputExample extends React.Component<{...}> {
              * found when making Flow check .android.js files. */
             this.setState({contentSize: event.nativeEvent.contentSize})
           }
+          /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was
+           * found when making Flow check .android.js files. */
           {...props}
         />
         <Text>Plain text value representation:</Text>
diff --git a/vnext/ReactCopies/RNTester/js/examples/TextInput/TextInputSharedExamples.js b/vnext/ReactCopies/RNTester/js/examples/TextInput/TextInputSharedExamples.js
index 6df3fcb88ee..3ca4b958e06 100644
--- a/vnext/ReactCopies/RNTester/js/examples/TextInput/TextInputSharedExamples.js
+++ b/vnext/ReactCopies/RNTester/js/examples/TextInput/TextInputSharedExamples.js
@@ -97,6 +97,8 @@ class RewriteExample extends React.Component<$FlowFixMeProps, any> {
     return (
       <View style={styles.rewriteContainer}>
         <TextInput
+          testID="rewrite_sp_underscore_input"
+          autoCorrect={false}
           multiline={false}
           maxLength={limit}
           onChangeText={text => {
@@ -126,6 +128,8 @@ class RewriteExampleInvalidCharacters extends React.Component<
     return (
       <View style={styles.rewriteContainer}>
         <TextInput
+          testID="rewrite_no_sp_input"
+          autoCorrect={false}
           multiline={false}
           onChangeText={text => {
             this.setState({text: text.replace(/\s/g, '')});
@@ -152,6 +156,8 @@ class RewriteInvalidCharactersAndClearExample extends React.Component<
     return (
       <View style={styles.rewriteContainer}>
         <TextInput
+          testID="rewrite_clear_input"
+          autoCorrect={false}
           ref={ref => {
             this.inputRef = ref;
           }}
@@ -163,6 +169,7 @@ class RewriteInvalidCharactersAndClearExample extends React.Component<
           value={this.state.text}
         />
         <Button
+          testID="rewrite_clear_button"
           onPress={() => {
             if (this.inputRef != null) {
               this.inputRef.clear();
@@ -596,8 +603,6 @@ module.exports = ([
       return (
         <View>
           <SelectionExample
-            /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was
-             * found when making Flow check .android.js files. */
             style={styles.default}
             value="text selection can be changed"
           />
diff --git a/vnext/ReactCopies/RNTester/js/examples/Touchable/TouchableExample.js b/vnext/ReactCopies/RNTester/js/examples/Touchable/TouchableExample.js
index 3fbecac3a14..8389c580543 100644
--- a/vnext/ReactCopies/RNTester/js/examples/Touchable/TouchableExample.js
+++ b/vnext/ReactCopies/RNTester/js/examples/Touchable/TouchableExample.js
@@ -56,7 +56,7 @@ class TouchableHighlightBox extends React.Component<{...}, $FlowFixMeState> {
             style={styles.wrapper}
             testID="touchable_highlight_image_button"
             onPress={this.touchableOnPress}>
-            <Image source={heartImage} style={styles.image} />
+            <Image source={remoteImage} style={styles.image} />
           </TouchableHighlight>
           <TouchableHighlight
             style={styles.wrapper}
@@ -401,37 +401,80 @@ class TouchableDisabled extends React.Component<{...}> {
         </TouchableWithoutFeedback>
 
         {Platform.OS === 'android' && (
-          <TouchableNativeFeedback
-            onPress={() => console.log('custom TNF has been clicked')}
-            background={TouchableNativeFeedback.SelectableBackground()}>
-            <View style={[styles.row, styles.block]}>
-              <Text style={[styles.button, styles.nativeFeedbackButton]}>
-                Enabled TouchableNativeFeedback
-              </Text>
-            </View>
-          </TouchableNativeFeedback>
-        )}
+          <>
+            <TouchableNativeFeedback
+              onPress={() => console.log('custom TNF has been clicked')}
+              background={TouchableNativeFeedback.SelectableBackground()}>
+              <View style={[styles.row, styles.block]}>
+                <Text style={[styles.button, styles.nativeFeedbackButton]}>
+                  Enabled TouchableNativeFeedback
+                </Text>
+              </View>
+            </TouchableNativeFeedback>
 
-        {Platform.OS === 'android' && (
-          <TouchableNativeFeedback
-            disabled={true}
-            onPress={() => console.log('custom TNF has been clicked')}
-            background={TouchableNativeFeedback.SelectableBackground()}>
-            <View style={[styles.row, styles.block]}>
-              <Text
-                style={[styles.disabledButton, styles.nativeFeedbackButton]}>
-                Disabled TouchableNativeFeedback
-              </Text>
-            </View>
-          </TouchableNativeFeedback>
+            <TouchableNativeFeedback
+              disabled={true}
+              onPress={() => console.log('custom TNF has been clicked')}
+              background={TouchableNativeFeedback.SelectableBackground()}>
+              <View style={[styles.row, styles.block]}>
+                <Text
+                  style={[styles.disabledButton, styles.nativeFeedbackButton]}>
+                  Disabled TouchableNativeFeedback
+                </Text>
+              </View>
+            </TouchableNativeFeedback>
+          </>
         )}
       </View>
     );
   }
 }
 
-const heartImage = {
-  uri: 'https://pbs.twimg.com/media/BlXBfT3CQAA6cVZ.png:small',
+function CustomRippleRadius() {
+  if (Platform.OS !== 'android') {
+    return null;
+  }
+  return (
+    <View
+      style={[
+        styles.row,
+        {justifyContent: 'space-around', alignItems: 'center'},
+      ]}>
+      <TouchableNativeFeedback
+        onPress={() => console.log('custom TNF has been clicked')}
+        background={TouchableNativeFeedback.Ripple('orange', true, 30)}>
+        <View>
+          <Text style={[styles.button, styles.nativeFeedbackButton]}>
+            radius 30
+          </Text>
+        </View>
+      </TouchableNativeFeedback>
+
+      <TouchableNativeFeedback
+        onPress={() => console.log('custom TNF has been clicked')}
+        background={TouchableNativeFeedback.SelectableBackgroundBorderless(50)}>
+        <View>
+          <Text style={[styles.button, styles.nativeFeedbackButton]}>
+            radius 50
+          </Text>
+        </View>
+      </TouchableNativeFeedback>
+
+      <TouchableNativeFeedback
+        onPress={() => console.log('custom TNF has been clicked')}
+        background={TouchableNativeFeedback.SelectableBackground(70)}>
+        <View style={styles.block}>
+          <Text style={[styles.button, styles.nativeFeedbackButton]}>
+            radius 70, with border
+          </Text>
+        </View>
+      </TouchableNativeFeedback>
+    </View>
+  );
+}
+
+const remoteImage = {
+  uri: 'https://www.facebook.com/favicon.ico',
 };
 
 const styles = StyleSheet.create({
@@ -582,7 +625,7 @@ exports.examples = [
   {
     title: '3D Touch / Force Touch',
     description:
-      'iPhone 6s and 6s plus support 3D touch, which adds a force property to touches',
+      'iPhone 8 and 8 plus support 3D touch, which adds a force property to touches',
     render: function(): React.Element<any> {
       return <ForceTouchExample />;
     },
@@ -611,4 +654,11 @@ exports.examples = [
       return <TouchableDisabled />;
     },
   },
+  {
+    title: 'Custom Ripple Radius (Android-only)',
+    description: ('Ripple radius on TouchableNativeFeedback can be controlled': string),
+    render: function(): React.Element<any> {
+      return <CustomRippleRadius />;
+    },
+  },
 ];
diff --git a/vnext/ReactCopies/RNTester/js/examples/Transform/TransformExample.js b/vnext/ReactCopies/RNTester/js/examples/Transform/TransformExample.js
index f4c6b926a7f..a42a00c1057 100644
--- a/vnext/ReactCopies/RNTester/js/examples/Transform/TransformExample.js
+++ b/vnext/ReactCopies/RNTester/js/examples/Transform/TransformExample.js
@@ -15,6 +15,46 @@ import {Animated, StyleSheet, Text, View} from 'react-native';
 
 import type {Node, Element} from 'react';
 
+function AnimateTansformSingleProp() {
+  const [theta] = useState(new Animated.Value(45));
+  const animate = () => {
+    theta.setValue(0);
+    Animated.timing(theta, {
+      toValue: 100,
+      duration: 3000,
+      useNativeDriver: false,
+    }).start(animate);
+  };
+
+  useEffect(() => {
+    animate();
+  });
+
+  return (
+    <View style={styles.flipCardContainer}>
+      <Animated.View
+        style={[
+          styles.box6,
+          {
+            transform: [
+              {
+                rotate: theta.interpolate({
+                  inputRange: [0, 100],
+                  /* $FlowFixMe(>=0.38.0) - Flow error detected during the
+                   * deployment of v0.38.0. To see the error, remove this
+                   * comment and run flow */
+                  outputRange: ['0deg', '360deg'],
+                }),
+              },
+            ],
+          },
+        ]}>
+        <Text style={styles.flipText}>This text is flipping great.</Text>
+      </Animated.View>
+    </View>
+  );
+}
+
 function Flip() {
   const [theta] = useState(new Animated.Value(45));
   const animate = () => {
@@ -41,6 +81,9 @@ function Flip() {
               {
                 rotateX: theta.interpolate({
                   inputRange: [0, 180],
+                  /* $FlowFixMe(>=0.38.0) - Flow error detected during the
+                   * deployment of v0.38.0. To see the error, remove this
+                   * comment and run flow */
                   outputRange: ['0deg', '180deg'],
                 }),
               },
@@ -59,6 +102,9 @@ function Flip() {
               {
                 rotateX: theta.interpolate({
                   inputRange: [0, 180],
+                  /* $FlowFixMe(>=0.38.0) - Flow error detected during the
+                   * deployment of v0.38.0. To see the error, remove this
+                   * comment and run flow */
                   outputRange: ['180deg', '360deg'],
                 }),
               },
@@ -160,6 +206,10 @@ const styles = StyleSheet.create({
   box5Transform: {
     transform: [{translate: [-50, 35]}, {rotate: '50deg'}, {scale: 2}],
   },
+  box6: {
+    backgroundColor: 'salmon',
+    alignSelf: 'center',
+  },
   flipCardContainer: {
     marginVertical: 40,
     flex: 1,
@@ -276,4 +326,11 @@ exports.examples = [
       );
     },
   },
+  {
+    title: 'Amimate Translate single prop',
+    description: "rotate: '360deg'",
+    render(): Node {
+      return <AnimateTansformSingleProp />;
+    },
+  },
 ];
diff --git a/vnext/ReactCopies/RNTester/js/examples/XHR/XHRExampleAbortController.js b/vnext/ReactCopies/RNTester/js/examples/XHR/XHRExampleAbortController.js
index 8b70f30746a..8d205d7024e 100644
--- a/vnext/ReactCopies/RNTester/js/examples/XHR/XHRExampleAbortController.js
+++ b/vnext/ReactCopies/RNTester/js/examples/XHR/XHRExampleAbortController.js
@@ -20,7 +20,7 @@ class XHRExampleAbortController extends React.Component<{...}, {...}> {
   _submit(abortDelay) {
     clearTimeout(this._timeout);
     const abortController = new global.AbortController();
-    fetch('https://facebook.github.io/react-native/', {
+    fetch('https://reactnative.dev/', {
       signal: abortController.signal,
     })
       .then(res => res.text())
diff --git a/vnext/ReactCopies/RNTester/js/utils/RNTesterActions.js b/vnext/ReactCopies/RNTester/js/utils/RNTesterActions.js
index d92bea4161c..10b6ee1cd83 100644
--- a/vnext/ReactCopies/RNTester/js/utils/RNTesterActions.js
+++ b/vnext/ReactCopies/RNTester/js/utils/RNTesterActions.js
@@ -10,8 +10,6 @@
 
 'use strict';
 
-import type {RNTesterTheme} from '../components/RNTesterTheme';
-
 export type RNTesterBackAction = {type: 'RNTesterBackAction', ...};
 
 export type RNTesterListAction = {type: 'RNTesterListAction', ...};
diff --git a/vnext/ReactCopies/RNTester/js/utils/RNTesterList.android.js b/vnext/ReactCopies/RNTester/js/utils/RNTesterList.android.js
index 10fcbe09a4e..1de9d42a00c 100644
--- a/vnext/ReactCopies/RNTester/js/utils/RNTesterList.android.js
+++ b/vnext/ReactCopies/RNTester/js/utils/RNTesterList.android.js
@@ -57,6 +57,10 @@ const ComponentExamples: Array<RNTesterExample> = [
     key: 'PickerExample',
     module: require('../examples/Picker/PickerExample'),
   },
+  {
+    key: 'PressableExample',
+    module: require('../examples/Pressable/PressableExample'),
+  },
   {
     key: 'ProgressBarAndroidExample',
     module: require('../examples/ProgressBarAndroid/ProgressBarAndroidExample'),
@@ -196,6 +200,10 @@ const APIExamples: Array<RNTesterExample> = [
     key: 'PermissionsExampleAndroid',
     module: require('../examples/PermissionsAndroid/PermissionsExample'),
   },
+  {
+    key: 'PlatformColorExample',
+    module: require('../examples/PlatformColor/PlatformColorExample'),
+  },
   {
     key: 'PointerEventsExample',
     module: require('../examples/PointerEvents/PointerEventsExample'),
diff --git a/vnext/ReactCopies/RNTester/js/utils/RNTesterList.ios.js b/vnext/ReactCopies/RNTester/js/utils/RNTesterList.ios.js
index 3419e539842..a3e6e4f71d1 100644
--- a/vnext/ReactCopies/RNTester/js/utils/RNTesterList.ios.js
+++ b/vnext/ReactCopies/RNTester/js/utils/RNTesterList.ios.js
@@ -87,6 +87,11 @@ const ComponentExamples: Array<RNTesterExample> = [
     module: require('../examples/Picker/PickerIOSExample'),
     supportsTVOS: false,
   },
+  {
+    key: 'PressableExample',
+    module: require('../examples/Pressable/PressableExample'),
+    supportsTVOS: true,
+  },
   {
     key: 'ProgressViewIOSExample',
     module: require('../examples/ProgressViewIOS/ProgressViewIOSExample'),
@@ -274,6 +279,11 @@ const APIExamples: Array<RNTesterExample> = [
     module: require('../examples/PanResponder/PanResponderExample'),
     supportsTVOS: false,
   },
+  {
+    key: 'PlatformColorExample',
+    module: require('../examples/PlatformColor/PlatformColorExample'),
+    supportsTVOS: true,
+  },
   {
     key: 'PointerEventsExample',
     module: require('../examples/PointerEvents/PointerEventsExample'),
diff --git a/vnext/ReactCopies/overrides.json b/vnext/ReactCopies/overrides.json
index 3bc21667bc4..070d6fcc686 100644
--- a/vnext/ReactCopies/overrides.json
+++ b/vnext/ReactCopies/overrides.json
@@ -60,8 +60,8 @@
       "type": "copy",
       "file": "IntegrationTests\\IntegrationTestsApp.js",
       "baseFile": "IntegrationTests\\IntegrationTestsApp.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "8a02205cad7a8966b1f1ecb66575d8263af56c16",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "5be58c2fa844770c24722dbaf776510b3032250c",
       "issue": 4054
     },
     {
@@ -236,8 +236,8 @@
       "type": "copy",
       "file": "RNTester\\js\\components\\RNTesterTheme.js",
       "baseFile": "RNTester\\js\\components\\RNTesterTheme.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "97d9b34eb6203bc43de52d5b87997c08dd17b778",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "1cdca09edb4fd1f16a206fed02417b29a1f4f729",
       "issue": 4054
     },
     {
@@ -380,8 +380,8 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\Appearance\\AppearanceExample.js",
       "baseFile": "RNTester\\js\\examples\\Appearance\\AppearanceExample.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "a03701d35c51a069cab4f5b22af47b88de7cd6b0",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "eab5f809a5850473be01d444291cff645fd989af",
       "issue": 4054
     },
     {
@@ -500,8 +500,8 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\Image\\ImageExample.js",
       "baseFile": "RNTester\\js\\examples\\Image\\ImageExample.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "01a988e75ea2bbb69bd81173d45e96305f996c66",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "06463270a6ff6cb071f94ee09d645c21c9a3fbdd",
       "issue": 4054
     },
     {
@@ -540,8 +540,8 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\Layout\\LayoutEventsExample.js",
       "baseFile": "RNTester\\js\\examples\\Layout\\LayoutEventsExample.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "270d1265570366539a9e55a0a48b2322f2986cef",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "c6032e679e86a4fbd19b3619cb128a7953c8c629",
       "issue": 4054
     },
     {
@@ -564,8 +564,8 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\MaskedView\\MaskedViewExample.js",
       "baseFile": "RNTester\\js\\examples\\MaskedView\\MaskedViewExample.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "614ba82f5684353e6a0e4ff74ad374af2a1bdf1e",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "0037fd4bcb89679d0e3fe5f36baf1f3bd690a0b4",
       "issue": 4054
     },
     {
@@ -588,8 +588,8 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\NativeAnimation\\NativeAnimationsExample.js",
       "baseFile": "RNTester\\js\\examples\\NativeAnimation\\NativeAnimationsExample.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "05991ac19bdf45a707936816c84080aa7ca57193",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "ed4c7f19c5cbe22c7b144511a4bfe9a841490820",
       "issue": 4054
     },
     {
@@ -628,8 +628,8 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\Picker\\PickerExample.js",
       "baseFile": "RNTester\\js\\examples\\Picker\\PickerExample.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "84c88a7eddb122624eb28a18b11f17be024a65ae",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "acab010e85e1b21b22cbba03f2b6c41c620376bf",
       "issue": 4054
     },
     {
@@ -640,6 +640,14 @@
       "baseHash": "d3eb07974fcec825ab92faf232320f0a7e767708",
       "issue": 4054
     },
+    {
+      "type": "copy",
+      "file": "RNTester\\js\\examples\\PlatformColor\\PlatformColorExample.js",
+      "baseFile": "RNTester\\js\\examples\\PlatformColor\\PlatformColorExample.js",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "f1c2babe02e11d237dbab875b8a7cd63fce048b6",
+      "issue": 4054
+    },
     {
       "type": "copy",
       "file": "RNTester\\js\\examples\\PointerEvents\\PointerEventsExample.js",
@@ -648,6 +656,14 @@
       "baseHash": "6e981af4c0ee1d67f6a6f236ce1a2bad27768ad6",
       "issue": 4054
     },
+    {
+      "type": "copy",
+      "file": "RNTester\\js\\examples\\Pressable\\PressableExample.js",
+      "baseFile": "RNTester\\js\\examples\\Pressable\\PressableExample.js",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "e6cccf697079e00d66726dac5902cd53b10a7627",
+      "issue": 4054
+    },
     {
       "type": "copy",
       "file": "RNTester\\js\\examples\\ProgressBarAndroid\\ProgressBarAndroidExample.android.js",
@@ -668,8 +684,8 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\PushNotificationIOS\\PushNotificationIOSExample.js",
       "baseFile": "RNTester\\js\\examples\\PushNotificationIOS\\PushNotificationIOSExample.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "9da5ee665804c0be72cc03c99249bbb25f4c97e0",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "cdd83d7bff210ce68e44cc33479bcb90b42346fa",
       "issue": 4054
     },
     {
@@ -684,8 +700,8 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\RefreshControl\\RefreshControlExample.js",
       "baseFile": "RNTester\\js\\examples\\RefreshControl\\RefreshControlExample.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "e4f2eb0831e7cfb438cf8a363fc283370cddba7c",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "1936951adac92dbb0007511ce75e4d9979b6df52",
       "issue": 4054
     },
     {
@@ -716,8 +732,8 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\ScrollView\\ScrollViewAnimatedExample.js",
       "baseFile": "RNTester\\js\\examples\\ScrollView\\ScrollViewAnimatedExample.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "561cefe3f2ce2368209c06c6ed512f1e5cf4e57d",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "b576419d4212baaed4a075c9ec8e165520338155",
       "issue": 4054
     },
     {
@@ -764,8 +780,8 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\Share\\ShareExample.js",
       "baseFile": "RNTester\\js\\examples\\Share\\ShareExample.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "b211ddea7a3fb11dca2293aa6513f3c1ec88b183",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "6f72b1154abf2c8860f964b6c6bbe12ec700328f",
       "issue": 4054
     },
     {
@@ -828,16 +844,16 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\Text\\TextExample.ios.js",
       "baseFile": "RNTester\\js\\examples\\Text\\TextExample.ios.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "7a54cea3daf4a9a7cfd4784c0ac9d1133b1447b7",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "91e6208698ae454e8e49acbf6fe5b759a5ae1c96",
       "issue": 4054
     },
     {
       "type": "copy",
       "file": "RNTester\\js\\examples\\TextInput\\TextInputExample.android.js",
       "baseFile": "RNTester\\js\\examples\\TextInput\\TextInputExample.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "8572dd9fe3f9db3dfc8d42fe4ccc000912e2e8c2",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "6bb89e55e32912825c7b551ecf958613b6b74a7e",
       "issue": 4054
     },
     {
@@ -852,8 +868,8 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\TextInput\\TextInputSharedExamples.js",
       "baseFile": "RNTester\\js\\examples\\TextInput\\TextInputSharedExamples.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "5168109743dffe371262d1ad32acb6c52c561bf6",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "39979efc27f605596e1d4172a654778d7926833a",
       "issue": 4054
     },
     {
@@ -876,16 +892,16 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\Touchable\\TouchableExample.js",
       "baseFile": "RNTester\\js\\examples\\Touchable\\TouchableExample.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "bd0b52831766b7dfd2aaaf4024095bcd9e2a4eaa",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "d838beaced4bbaa22a74f494215e529c9db2c267",
       "issue": 4054
     },
     {
       "type": "copy",
       "file": "RNTester\\js\\examples\\Transform\\TransformExample.js",
       "baseFile": "RNTester\\js\\examples\\Transform\\TransformExample.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "50878de977fbfd60819314c83f6fca45d436d4c3",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "7d75fd3d92f3b35e45a0d054ced6605dba3cfb22",
       "issue": 4054
     },
     {
@@ -972,8 +988,8 @@
       "type": "copy",
       "file": "RNTester\\js\\examples\\XHR\\XHRExampleAbortController.js",
       "baseFile": "RNTester\\js\\examples\\XHR\\XHRExampleAbortController.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "a86ec05f2f37380c971db755b143466f4d04acdc",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "d5a28325dd1771b3e0ae73dd1d6eaa1ef25ec142",
       "issue": 4054
     },
     {
@@ -1020,16 +1036,16 @@
       "type": "copy",
       "file": "RNTester\\js\\RNTesterApp.android.js",
       "baseFile": "RNTester\\js\\RNTesterApp.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "53ddf0736fa7aba54191961066d2e934ba22dfa2",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "561a3fbff83a0f710b223bb7814e56dfbd8f97ec",
       "issue": 4054
     },
     {
       "type": "copy",
       "file": "RNTester\\js\\RNTesterApp.ios.js",
       "baseFile": "RNTester\\js\\RNTesterApp.ios.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "e1e649835256a5460c4bae59ef465727a5ae9983",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "34d2517461704840a508ce1856bc3a364fb3fc7e",
       "issue": 4054
     },
     {
@@ -1044,24 +1060,24 @@
       "type": "copy",
       "file": "RNTester\\js\\utils\\RNTesterActions.js",
       "baseFile": "RNTester\\js\\utils\\RNTesterActions.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "a2de7d3f3d282121ea95c5706d091350cc3f276e",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "2ff99aba3e6a9de3bef13b267bae3d6ce487d4cc",
       "issue": 4054
     },
     {
       "type": "copy",
       "file": "RNTester\\js\\utils\\RNTesterList.android.js",
       "baseFile": "RNTester\\js\\utils\\RNTesterList.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "f1e77952c292fe2898645f81f280b64f8ea17b90",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "65c3876bdbc2755cd568b2779ed962fa7a4edf6a",
       "issue": 4054
     },
     {
       "type": "copy",
       "file": "RNTester\\js\\utils\\RNTesterList.ios.js",
       "baseFile": "RNTester\\js\\utils\\RNTesterList.ios.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "290b9c461377bd249638b855e443b4a0c3d05c59",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "526ca50e0e5d2809c471d0a2fd7131d5262613e1",
       "issue": 4054
     },
     {
diff --git a/vnext/ReactWindowsCore/IRedBoxHandler.h b/vnext/ReactWindowsCore/IRedBoxHandler.h
index eeb62b2cd43..b4b8a708cc5 100644
--- a/vnext/ReactWindowsCore/IRedBoxHandler.h
+++ b/vnext/ReactWindowsCore/IRedBoxHandler.h
@@ -1,6 +1,7 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 #pragma once
+#include <folly/dynamic.h>
 #include <string>
 #include <vector>
 
@@ -18,12 +19,17 @@ struct ErrorFrameInfo {
   std::string Method;
   int Line;
   int Column;
+  bool Collapse;
 };
 
 struct ErrorInfo {
   std::string Message;
-  uint32_t Id;
+  std::string OriginalMessage;
+  std::string Name;
+  std::string ComponentStack;
   std::vector<ErrorFrameInfo> Callstack;
+  uint32_t Id;
+  folly::dynamic ExtraData;
 };
 
 struct IRedBoxHandler {
diff --git a/vnext/ReactWindowsCore/Modules/ExceptionsManagerModule.cpp b/vnext/ReactWindowsCore/Modules/ExceptionsManagerModule.cpp
index 405c30b4c70..787ab4c35a9 100644
--- a/vnext/ReactWindowsCore/Modules/ExceptionsManagerModule.cpp
+++ b/vnext/ReactWindowsCore/Modules/ExceptionsManagerModule.cpp
@@ -12,13 +12,15 @@ namespace facebook {
 namespace react {
 
 namespace {
-std::string RetrieveStringFromMap(const folly::dynamic &map, const std::string &key) noexcept {
+std::string RetrieveOptionalStringFromMap(const folly::dynamic &map, const std::string &key) noexcept {
   assert(map.type() == folly::dynamic::OBJECT);
   auto iterator = map.find(key);
   if (iterator != map.items().end()) {
+    if (iterator->second.isNull()) {
+      return {};
+    }
     return iterator->second.asString();
   }
-  assert(false);
   return {};
 }
 
@@ -37,6 +39,20 @@ int RetrieveIntFromMap(const folly::dynamic &map, const std::string &key) noexce
   return -1;
 }
 
+bool RetrieveOptionalBoolFromMap(const folly::dynamic &map, const std::string &key) noexcept {
+  assert(map.type() == folly::dynamic::OBJECT);
+
+  auto iterator = map.find(key);
+  if (iterator != map.items().end()) {
+    if (iterator->second.isNull()) {
+      return false;
+    }
+    assert(iterator->second.isBool());
+    return iterator->second.asBool();
+  }
+  return false;
+}
+
 Mso::React::ErrorInfo CreateErrorInfo(const folly::dynamic &args) noexcept {
   // Parameter args is a dynamic array containing 3 objects:
   // 1. an exception message string.
@@ -64,10 +80,65 @@ Mso::React::ErrorInfo CreateErrorInfo(const folly::dynamic &args) noexcept {
     assert(stackFrame.isObject());
     assert(stackFrame.size() >= 4); // 4 in 0.57, 5 in 0.58+ (arguments added)
 
-    errorInfo.Callstack.push_back(Mso::React::ErrorFrameInfo{RetrieveStringFromMap(stackFrame, "file"),
-                                                             RetrieveStringFromMap(stackFrame, "methodName"),
+    errorInfo.Callstack.push_back(Mso::React::ErrorFrameInfo{RetrieveOptionalStringFromMap(stackFrame, "file"),
+                                                             RetrieveOptionalStringFromMap(stackFrame, "methodName"),
                                                              RetrieveIntFromMap(stackFrame, "lineNumber"),
-                                                             RetrieveIntFromMap(stackFrame, "column")});
+                                                             RetrieveIntFromMap(stackFrame, "column"),
+                                                             false});
+  }
+
+  return errorInfo;
+}
+
+Mso::React::ErrorInfo CreateErrorInfo2(const folly::dynamic &args) noexcept {
+  /*
+   Parameter args is an object:
+      message: string,
+      originalMessage: ?string,
+      name: ?string,
+      componentStack: ?string,
+      stack: Array<StackFrame>,
+      id: number,
+      isFatal: boolean,
+      // flowlint-next-line unclear-type:off
+      extraData?: Object,
+  */
+  assert(args.isObject());
+
+  Mso::React::ErrorInfo errorInfo;
+
+  errorInfo.Message = RetrieveOptionalStringFromMap(args, "message");
+  errorInfo.OriginalMessage = RetrieveOptionalStringFromMap(args, "originalMessage");
+  errorInfo.Name = RetrieveOptionalStringFromMap(args, "name");
+  errorInfo.ComponentStack = RetrieveOptionalStringFromMap(args, "componentStack");
+  errorInfo.Id = RetrieveIntFromMap(args, "id");
+
+  auto iterator = args.find("extraData");
+  if (iterator != args.items().end()) {
+    if (iterator->second.isObject()) {
+      errorInfo.ExtraData = iterator->second;
+    }
+  }
+
+  iterator = args.find("stack");
+  if (iterator != args.items().end()) {
+    if (iterator->second.isArray()) {
+      auto stackAsFolly = iterator->second;
+      for (const auto &stackFrame : stackAsFolly) {
+        // Each dynamic object is a map containing information about the stack
+        // frame: method (string), arguments (array), filename(string), line number
+        // (int) and column number (int).
+        assert(stackFrame.isObject());
+        assert(stackFrame.size() >= 4); // 4 in 0.57, 5 in 0.58+ (arguments added)
+
+        errorInfo.Callstack.push_back(
+            Mso::React::ErrorFrameInfo{RetrieveOptionalStringFromMap(stackFrame, "file"),
+                                       RetrieveOptionalStringFromMap(stackFrame, "methodName"),
+                                       RetrieveIntFromMap(stackFrame, "lineNumber"),
+                                       RetrieveIntFromMap(stackFrame, "column"),
+                                       RetrieveOptionalBoolFromMap(stackFrame, "collapse")});
+      }
+    }
   }
 
   return errorInfo;
@@ -108,6 +179,17 @@ std::vector<facebook::xplat::module::CxxModule::Method> ExceptionsManagerModule:
                 }
               }),
 
+          Method(
+              "reportException",
+              [this](folly::dynamic args) noexcept {
+                if (m_redboxHandler && m_redboxHandler->isDevSupportEnabled()) {
+                  auto isFatal = RetrieveOptionalBoolFromMap(args[0], "isFatal");
+                  m_redboxHandler->showNewError(
+                      std::move(CreateErrorInfo2(args[0])),
+                      isFatal ? Mso::React::ErrorType::JSFatal : Mso::React::ErrorType::JSSoft);
+                }
+              }),
+
           Method(
               "updateExceptionMessage",
               [this](folly::dynamic args) noexcept {
diff --git a/vnext/ReactWindowsCore/Modules/PlatformConstantsModule.cpp b/vnext/ReactWindowsCore/Modules/PlatformConstantsModule.cpp
index 820f19b1d5d..be651704823 100644
--- a/vnext/ReactWindowsCore/Modules/PlatformConstantsModule.cpp
+++ b/vnext/ReactWindowsCore/Modules/PlatformConstantsModule.cpp
@@ -3,6 +3,7 @@
 
 #include "PlatformConstantsModule.h"
 #include <VersionHelpers.h>
+#include <cxxreact/ReactNativeVersion.h>
 
 using Method = facebook::xplat::module::CxxModule::Method;
 
@@ -35,10 +36,10 @@ std::map<std::string, folly::dynamic> PlatformConstantsModule::getConstants() {
       // We don't currently treat Native code differently in a test environment
       {"isTesting", false},
 
-      // Since we're out-of-tree, we don't know the exact version of React Native
-      // we're paired with. Provide something sane for now, and try to provide a
-      // better source of truth later. Tracked by Issue #4073
-      {"reactNativeVersion", folly::dynamic::object("major", 0)("minor", 62)("patch", 0)},
+      // Provide version information stamped into the compiled version of react-native
+      {"reactNativeVersion",
+       folly::dynamic::object("major", ReactNativeVersion.Major)("minor", ReactNativeVersion.Minor)(
+           "patch", ReactNativeVersion.Patch)("prerelease", StringOrNull(ReactNativeVersion.Prerelease))},
 
       // Provide version information for react-native-windows -- which is independant of
       // the version of react-native we are built from
@@ -53,4 +54,8 @@ std::map<std::string, folly::dynamic> PlatformConstantsModule::getConstants() {
   };
 }
 
+folly::dynamic PlatformConstantsModule::StringOrNull(std::string_view str) noexcept {
+  return str.empty() ? folly::dynamic(nullptr) : folly::dynamic(str);
+}
+
 } // namespace facebook::react
diff --git a/vnext/ReactWindowsCore/Modules/PlatformConstantsModule.h b/vnext/ReactWindowsCore/Modules/PlatformConstantsModule.h
index 5bfcabedc2e..8f6622734a7 100644
--- a/vnext/ReactWindowsCore/Modules/PlatformConstantsModule.h
+++ b/vnext/ReactWindowsCore/Modules/PlatformConstantsModule.h
@@ -13,6 +13,9 @@ class PlatformConstantsModule : public facebook::xplat::module::CxxModule {
   std::string getName() override;
   std::map<std::string, folly::dynamic> getConstants() override;
   std::vector<Method> getMethods() override;
+
+ private:
+  folly::dynamic StringOrNull(std::string_view str) noexcept;
 };
 
 } // namespace facebook::react
diff --git a/vnext/Shared/OInstance.cpp b/vnext/Shared/OInstance.cpp
index d6cf491438c..a166cf073de 100644
--- a/vnext/Shared/OInstance.cpp
+++ b/vnext/Shared/OInstance.cpp
@@ -199,7 +199,7 @@ class OJSIExecutorFactory : public JSExecutorFactory {
       return turboModuleManager->getModule(name);
     };
 
-    TurboModuleBinding::install(*runtimeHolder_->getRuntime(), std::make_shared<TurboModuleBinding>(binding));
+    TurboModuleBinding::install(*runtimeHolder_->getRuntime(), std::function(binding));
 
     // init TurboModule
     for (const auto &moduleName : turboModuleManager->getEagerInitModuleNames()) {
diff --git a/vnext/Shared/Shared.vcxitems.filters b/vnext/Shared/Shared.vcxitems.filters
index 82749676803..6c79a5aa8fa 100644
--- a/vnext/Shared/Shared.vcxitems.filters
+++ b/vnext/Shared/Shared.vcxitems.filters
@@ -97,9 +97,15 @@
     <ClCompile Include="$(MSBuildThisFileDirectory)OInstance.cpp">
       <Filter>Source Files</Filter>
     </ClCompile>
-    <ClCompile Include="$(MSBuildThisFileDirectory)..\ReactWindowsCore\DevSupportManager.cpp" />
-    <ClCompile Include="$(MSBuildThisFileDirectory)..\ReactWindowsCore\Executors\WebSocketJSExecutor.cpp" />
-    <ClCompile Include="$(MSBuildThisFileDirectory)..\ReactWindowsCore\Executors\WebSocketJSExecutorFactory.cpp" />
+    <ClCompile Include="$(MSBuildThisFileDirectory)..\ReactWindowsCore\DevSupportManager.cpp">
+      <Filter>Source Files</Filter>
+    </ClCompile>
+    <ClCompile Include="$(MSBuildThisFileDirectory)..\ReactWindowsCore\Executors\WebSocketJSExecutor.cpp">
+      <Filter>Source Files\Executors</Filter>
+    </ClCompile>
+    <ClCompile Include="$(MSBuildThisFileDirectory)..\ReactWindowsCore\Executors\WebSocketJSExecutorFactory.cpp">
+      <Filter>Source Files\Executors</Filter>
+    </ClCompile>
   </ItemGroup>
   <ItemGroup>
     <Filter Include="Source Files">
@@ -135,6 +141,12 @@
     <Filter Include="Source Files\Modules">
       <UniqueIdentifier>{5e38b06d-5bcb-437b-9a9b-e787e37ef3ee}</UniqueIdentifier>
     </Filter>
+    <Filter Include="Source Files\Executors">
+      <UniqueIdentifier>{e24fd2a4-182f-41b5-b952-ea001e160825}</UniqueIdentifier>
+    </Filter>
+    <Filter Include="Header Files\Executors">
+      <UniqueIdentifier>{89e77d8d-846a-4036-a024-c9af915be5db}</UniqueIdentifier>
+    </Filter>
   </ItemGroup>
   <ItemGroup>
     <ClInclude Include="$(MSBuildThisFileDirectory)AsyncStorage\StorageFileIO.h">
@@ -287,7 +299,9 @@
     <ClInclude Include="$(MSBuildThisFileDirectory)..\ReactWindowsCore\Modules\AsyncStorageModuleWin32.h">
       <Filter>Header Files\Modules</Filter>
     </ClInclude>
-    <ClInclude Include="$(MSBuildThisFileDirectory)..\ReactWindowsCore\Executors\WebSocketJSExecutor.h" />
+    <ClInclude Include="$(MSBuildThisFileDirectory)..\ReactWindowsCore\Executors\WebSocketJSExecutor.h">
+      <Filter>Header Files\Executors</Filter>
+    </ClInclude>
   </ItemGroup>
   <ItemGroup>
     <None Include="$(MSBuildThisFileDirectory)..\ReactWindowsCore\etw\build.bat">
diff --git a/vnext/codegen/NativeDevLoadingViewSpec.g.h b/vnext/codegen/NativeDevLoadingViewSpec.g.h
index 2ad318c2ca5..ddf58021f16 100644
--- a/vnext/codegen/NativeDevLoadingViewSpec.g.h
+++ b/vnext/codegen/NativeDevLoadingViewSpec.g.h
@@ -15,7 +15,7 @@ namespace Microsoft::ReactNativeSpecs {
 
 struct DevLoadingViewSpec : winrt::Microsoft::ReactNative::TurboModuleSpec {
   static constexpr auto methods = std::tuple{
-      Method<void(std::string, React::JSValueObject, React::JSValueObject) noexcept>{0, L"showMessage"},
+      Method<void(std::string, double, double) noexcept>{0, L"showMessage"},
       Method<void() noexcept>{1, L"hide"},
   };
 
@@ -26,8 +26,8 @@ struct DevLoadingViewSpec : winrt::Microsoft::ReactNative::TurboModuleSpec {
     REACT_SHOW_METHOD_SPEC_ERRORS(
           0,
           "showMessage",
-          "    REACT_METHOD(showMessage) void showMessage(std::string message, React::JSValueObject && color, React::JSValueObject && backgroundColor) noexcept { /* implementation */ }}\n"
-          "    REACT_METHOD(showMessage) static void showMessage(std::string message, React::JSValueObject && color, React::JSValueObject && backgroundColor) noexcept { /* implementation */ }}\n");
+          "    REACT_METHOD(showMessage) void showMessage(std::string message, double withColor, double withBackgroundColor) noexcept { /* implementation */ }}\n"
+          "    REACT_METHOD(showMessage) static void showMessage(std::string message, double withColor, double withBackgroundColor) noexcept { /* implementation */ }}\n");
     REACT_SHOW_METHOD_SPEC_ERRORS(
           1,
           "hide",
diff --git a/vnext/codegen/NativeDevSettingsSpec.g.h b/vnext/codegen/NativeDevSettingsSpec.g.h
index 2f885a42053..00076793fa5 100644
--- a/vnext/codegen/NativeDevSettingsSpec.g.h
+++ b/vnext/codegen/NativeDevSettingsSpec.g.h
@@ -23,7 +23,9 @@ struct DevSettingsSpec : winrt::Microsoft::ReactNative::TurboModuleSpec {
       Method<void(bool) noexcept>{5, L"setProfilingEnabled"},
       Method<void() noexcept>{6, L"toggleElementInspector"},
       Method<void(std::string) noexcept>{7, L"addMenuItem"},
-      Method<void(bool) noexcept>{8, L"setIsShakeToShowDevMenuEnabled"},
+      Method<void(std::string) noexcept>{8, L"addListener"},
+      Method<void(double) noexcept>{9, L"removeListeners"},
+      Method<void(bool) noexcept>{10, L"setIsShakeToShowDevMenuEnabled"},
   };
 
   template <class TModule>
@@ -72,6 +74,16 @@ struct DevSettingsSpec : winrt::Microsoft::ReactNative::TurboModuleSpec {
           "    REACT_METHOD(addMenuItem) static void addMenuItem(std::string title) noexcept { /* implementation */ }}\n");
     REACT_SHOW_METHOD_SPEC_ERRORS(
           8,
+          "addListener",
+          "    REACT_METHOD(addListener) void addListener(std::string eventName) noexcept { /* implementation */ }}\n"
+          "    REACT_METHOD(addListener) static void addListener(std::string eventName) noexcept { /* implementation */ }}\n");
+    REACT_SHOW_METHOD_SPEC_ERRORS(
+          9,
+          "removeListeners",
+          "    REACT_METHOD(removeListeners) void removeListeners(double count) noexcept { /* implementation */ }}\n"
+          "    REACT_METHOD(removeListeners) static void removeListeners(double count) noexcept { /* implementation */ }}\n");
+    REACT_SHOW_METHOD_SPEC_ERRORS(
+          10,
           "setIsShakeToShowDevMenuEnabled",
           "    REACT_METHOD(setIsShakeToShowDevMenuEnabled) void setIsShakeToShowDevMenuEnabled(bool enabled) noexcept { /* implementation */ }}\n"
           "    REACT_METHOD(setIsShakeToShowDevMenuEnabled) static void setIsShakeToShowDevMenuEnabled(bool enabled) noexcept { /* implementation */ }}\n");
diff --git a/vnext/codegen/NativeJSCHeapCaptureSpec.g.h b/vnext/codegen/NativeJSCHeapCaptureSpec.g.h
new file mode 100644
index 00000000000..438cd5d2fd1
--- /dev/null
+++ b/vnext/codegen/NativeJSCHeapCaptureSpec.g.h
@@ -0,0 +1,33 @@
+
+/*
+ * This file is auto-generated from a NativeModule spec file in js.
+ *
+ * This is a C++ Spec class that should be used with MakeTurboModuleProvider to register native modules
+ * in a way that also verifies at compile time that the native module matches the interface required
+ * by the TurboModule JS spec.
+ */
+#pragma once
+
+#include "NativeModules.h"
+#include <tuple>
+
+namespace Microsoft::ReactNativeSpecs {
+
+struct JSCHeapCaptureSpec : winrt::Microsoft::ReactNative::TurboModuleSpec {
+  static constexpr auto methods = std::tuple{
+      Method<void(std::string, std::string) noexcept>{0, L"captureComplete"},
+  };
+
+  template <class TModule>
+  static constexpr void ValidateModule() noexcept {
+    constexpr auto methodCheckResults = CheckMethods<TModule, JSCHeapCaptureSpec>();
+
+    REACT_SHOW_METHOD_SPEC_ERRORS(
+          0,
+          "captureComplete",
+          "    REACT_METHOD(captureComplete) void captureComplete(std::string path, std::string error) noexcept { /* implementation */ }}\n"
+          "    REACT_METHOD(captureComplete) static void captureComplete(std::string path, std::string error) noexcept { /* implementation */ }}\n");
+  }
+};
+
+} // namespace Microsoft::ReactNativeSpecs
diff --git a/vnext/codegen/NativeJSDevSupportSpec.g.h b/vnext/codegen/NativeJSDevSupportSpec.g.h
index 9de127cbbf3..f849dd38230 100644
--- a/vnext/codegen/NativeJSDevSupportSpec.g.h
+++ b/vnext/codegen/NativeJSDevSupportSpec.g.h
@@ -15,7 +15,7 @@ namespace Microsoft::ReactNativeSpecs {
 
 struct JSDevSupportSpec : winrt::Microsoft::ReactNative::TurboModuleSpec {
   static constexpr auto methods = std::tuple{
-      Method<void(React::JSValueObject) noexcept>{0, L"onSuccess"},
+      Method<void(std::string) noexcept>{0, L"onSuccess"},
       Method<void(double, std::string) noexcept>{1, L"onFailure"},
   };
 
@@ -26,8 +26,8 @@ struct JSDevSupportSpec : winrt::Microsoft::ReactNative::TurboModuleSpec {
     REACT_SHOW_METHOD_SPEC_ERRORS(
           0,
           "onSuccess",
-          "    REACT_METHOD(onSuccess) void onSuccess(React::JSValueObject && data) noexcept { /* implementation */ }}\n"
-          "    REACT_METHOD(onSuccess) static void onSuccess(React::JSValueObject && data) noexcept { /* implementation */ }}\n");
+          "    REACT_METHOD(onSuccess) void onSuccess(std::string data) noexcept { /* implementation */ }}\n"
+          "    REACT_METHOD(onSuccess) static void onSuccess(std::string data) noexcept { /* implementation */ }}\n");
     REACT_SHOW_METHOD_SPEC_ERRORS(
           1,
           "onFailure",
diff --git a/vnext/local-cli/generator-windows/index.js b/vnext/local-cli/generator-windows/index.js
index a74978fd21a..536a3b0093f 100644
--- a/vnext/local-cli/generator-windows/index.js
+++ b/vnext/local-cli/generator-windows/index.js
@@ -7,6 +7,7 @@ const uuid = require('uuid');
 const childProcess = require('child_process');
 const fs = require('fs');
 const os = require('os');
+const semver = require('semver');
 const {
   readProjectFile,
   findPropertyValue,
@@ -206,28 +207,33 @@ function installDependencies(options) {
   const cwd = process.cwd();
 
   // Extract react-native peer dependency version
-  const vnextPackageJsonPath = require.resolve('react-native-windows/package.json', {paths: [process.cwd()]});
-  const vnextPackageJson = JSON.parse(fs.readFileSync(vnextPackageJsonPath, { encoding: 'UTF8' }));
-  let reactNativeVersion = vnextPackageJson.peerDependencies['react-native'];
+  const rnwPackageJsonPath = require.resolve('react-native-windows/package.json', {paths: [process.cwd()]});
+  const rnwPackageJson = JSON.parse(fs.readFileSync(rnwPackageJsonPath, { encoding: 'UTF8' }));
+  let rnPeerDependency = rnwPackageJson.peerDependencies['react-native'];
   const depDelim = ' || ';
-  const delimIndex = reactNativeVersion.indexOf(depDelim);
+  const delimIndex = rnPeerDependency.indexOf(depDelim);
   if (delimIndex !== -1) {
-    reactNativeVersion = reactNativeVersion.slice(0, delimIndex);
+    rnPeerDependency = rnPeerDependency.slice(0, delimIndex);
   }
 
-  console.log(chalk.green('Updating to compatible version of react-native:'));
-  console.log(chalk.white(`    ${reactNativeVersion}`));
+  const rnPackageJsonPath = require.resolve('react-native/package.json', {paths: [process.cwd()]});
+  const rnPackageJson = JSON.parse(fs.readFileSync(rnPackageJsonPath, { encoding: 'UTF8' }));
 
-  // Patch package.json to have proper react-native version and install
-  const projectPackageJsonPath = path.join(cwd, 'package.json');
-  const projectPackageJson = JSON.parse(fs.readFileSync(projectPackageJsonPath, { encoding: 'UTF8' }));
-  projectPackageJson.scripts.windows = 'react-native run-windows';
-  projectPackageJson.dependencies['react-native'] = reactNativeVersion;
-  fs.writeFileSync(projectPackageJsonPath, JSON.stringify(projectPackageJson, null, 2));
+  if (!semver.satisfies(rnPackageJson.version, rnPeerDependency)) {
+    console.log(chalk.green('Installing a compatible version of react-native:'));
+    console.log(chalk.white(`    ${rnPeerDependency}`));
 
-  // Install dependencies using correct package manager
-  const isYarn = fs.existsSync(path.join(cwd, 'yarn.lock'));
-  childProcess.execSync(isYarn ? 'yarn' : 'npm i', options && options.verbose ? { stdio: 'inherit' } : {});
+    // Patch package.json to have proper react-native version and install
+    const projectPackageJsonPath = path.join(cwd, 'package.json');
+    const projectPackageJson = JSON.parse(fs.readFileSync(projectPackageJsonPath, { encoding: 'UTF8' }));
+    projectPackageJson.scripts.windows = 'react-native run-windows';
+    projectPackageJson.dependencies['react-native'] = rnPeerDependency;
+    fs.writeFileSync(projectPackageJsonPath, JSON.stringify(projectPackageJson, null, 2));
+
+    // Install dependencies using correct package manager
+    const isYarn = fs.existsSync(path.join(cwd, 'yarn.lock'));
+    childProcess.execSync(isYarn ? 'yarn' : 'npm i', options && options.verbose ? { stdio: 'inherit' } : {});
+  }
 }
 
 module.exports = {
diff --git a/vnext/package.json b/vnext/package.json
index dcd3e4f77ce..36e5da17c95 100644
--- a/vnext/package.json
+++ b/vnext/package.json
@@ -32,6 +32,7 @@
     "ora": "^3.4.0",
     "prop-types": "^15.7.2",
     "regenerator-runtime": "^0.13.2",
+    "semver": "^7.1.3",
     "shelljs": "^0.7.8",
     "username": "^5.1.0",
     "uuid": "^3.3.2",
@@ -42,7 +43,7 @@
   "devDependencies": {
     "@microsoft/api-documenter": "^7.3.8",
     "@microsoft/api-extractor": "^7.3.8",
-    "@react-native-community/eslint-config": "^1.0.0",
+    "@react-native-community/eslint-config": "^1.1.0",
     "@types/es6-collections": "^0.5.29",
     "@types/es6-promise": "0.0.32",
     "@types/ora": "^3.2.0",
@@ -50,19 +51,19 @@
     "@types/react-native": "^0.62.10",
     "eslint": "5.1.0",
     "eslint-plugin-prettier": "2.6.2",
-    "flow-bin": "^0.113.0",
+    "flow-bin": "^0.120.1",
     "jscodeshift": "^0.6.2",
     "just-scripts": "^0.36.1",
     "prettier": "1.17.0",
-    "react": "16.11.0",
-    "react-native": "0.62.2",
-    "react-native-platform-override": "^0.0.5",
+    "react": "16.13.0",
     "react-native-windows-codegen": "0.0.6",
+    "react-native-platform-override": "^0.0.5",
+    "react-native": "0.0.0-56cf99a96",
     "typescript": "^3.8.3"
   },
   "peerDependencies": {
-    "react": "16.11.0",
-    "react-native": "^0.62.0-0"
+    "react": "16.13.0",
+    "react-native": "0.0.0-56cf99a96"
   },
   "beachball": {
     "defaultNpmTag": "canary",
diff --git a/vnext/src/IntegrationTests/IntegrationTestsApp.windesktop.js b/vnext/src/IntegrationTests/IntegrationTestsApp.windesktop.js
deleted file mode 100644
index cd8655893f1..00000000000
--- a/vnext/src/IntegrationTests/IntegrationTestsApp.windesktop.js
+++ /dev/null
@@ -1,111 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-require('react-native/Libraries/Core/InitializeCore');
-const React = require('react');
-const ReactNative = require('react-native');
-const {
-  AppRegistry,
-  ScrollView,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  View,
-} = ReactNative;
-
-// Keep this list in sync with RNTesterIntegrationTests.m
-const TESTS = [
-  require('./IntegrationTestHarnessTest'),
-  //  require('./TimersTest'),
-  require('./AsyncStorageTest'),
-  require('./AppEventsTest'),
-  // require('./ImageCachePolicyTest'),
-  // require('./ImageSnapshotTest'),
-  // require('./LayoutEventsTest'),
-  require('./SimpleSnapshotTest'),
-  require('./SyncMethodTest'),
-  require('./PromiseTest'),
-  require('./WebSocketTest'),
-  require('./AccessibilityManagerTest'),
-  require('./GlobalEvalWithSourceUrlTest'),
-];
-
-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),
-);
-
-// Modules required for integration tests
-require('./LoggingTestModule');
-
-type Test = any;
-
-class IntegrationTestsApp extends React.Component<{...}, $FlowFixMeState> {
-  state = {
-    test: (null: ?Test),
-  };
-
-  render() {
-    if (this.state.test) {
-      return (
-        <ScrollView>
-          {/* $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.state.test />
-        </ScrollView>
-      );
-    }
-    return (
-      <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
-          Xcode.
-        </Text>
-        <View style={styles.separator} />
-        <ScrollView>
-          {TESTS.map(test => [
-            <TouchableOpacity
-              onPress={() => this.setState({test})}
-              style={styles.row}>
-              <Text style={styles.testName}>{test.displayName}</Text>
-            </TouchableOpacity>,
-            <View style={styles.separator} />,
-          ])}
-        </ScrollView>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: 'white',
-    marginTop: 40,
-    margin: 15,
-  },
-  row: {
-    padding: 10,
-  },
-  testName: {
-    fontWeight: '500',
-  },
-  separator: {
-    height: 1,
-    backgroundColor: '#bbbbbb',
-  },
-});
-
-AppRegistry.registerComponent('IntegrationTestsApp', () => IntegrationTestsApp);
diff --git a/vnext/src/Libraries/Alert/Alert.windows.js b/vnext/src/Libraries/Alert/Alert.windows.js
index c06ba975e2f..788f076ccb1 100644
--- a/vnext/src/Libraries/Alert/Alert.windows.js
+++ b/vnext/src/Libraries/Alert/Alert.windows.js
@@ -9,6 +9,12 @@
 const NativeModules = require('../BatchedBridge/NativeModules');
 const AlertNative = NativeModules.Alert;
 
+export type AlertType =
+  | 'default'
+  | 'plain-text'
+  | 'secure-text'
+  | 'login-password';
+export type AlertButtonStyle = 'default' | 'cancel' | 'destructive';
 export type Buttons = Array<{
   text?: string,
   onPress?: ?Function,
@@ -22,19 +28,6 @@ type Options = {
   ...
 };
 
-export type AlertType = $Keys<{
-  default: string,
-  'plain-text': string,
-  'secure-text': string,
-  'login-password': string,
-}>;
-
-export type AlertButtonStyle = $Keys<{
-  default: string,
-  cancel: string,
-  destructive: string,
-}>;
-
 class Alert {
   static alert(
     title: ?string,
diff --git a/vnext/src/Libraries/Animated/src/nodes/AnimatedInterpolation.windows.js b/vnext/src/Libraries/Animated/src/nodes/AnimatedInterpolation.windows.js
deleted file mode 100644
index b6c9c3eac4f..00000000000
--- a/vnext/src/Libraries/Animated/src/nodes/AnimatedInterpolation.windows.js
+++ /dev/null
@@ -1,380 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- * @format
- */
-
-/* eslint no-bitwise: 0 */
-
-'use strict';
-
-const AnimatedNode = require('./AnimatedNode');
-const AnimatedWithChildren = require('./AnimatedWithChildren');
-const NativeAnimatedHelper = require('../NativeAnimatedHelper');
-
-const invariant = require('invariant');
-const normalizeColor = require('../../../StyleSheet/normalizeColor');
-
-type ExtrapolateType = 'extend' | 'identity' | 'clamp';
-
-export type InterpolationConfigType = {
-  inputRange: Array<number>,
-  /* $FlowFixMe(>=0.38.0 site=react_native_fb,react_native_oss) - Flow error
-   * detected during the deployment of v0.38.0. To see the error, remove this
-   * comment and run flow
-   */
-  outputRange: Array<number> | Array<string>,
-  easing?: (input: number) => number,
-  extrapolate?: ExtrapolateType,
-  extrapolateLeft?: ExtrapolateType,
-  extrapolateRight?: ExtrapolateType,
-  ...
-};
-
-const linear = t => t;
-
-/**
- * Very handy helper to map input ranges to output ranges with an easing
- * function and custom behavior outside of the ranges.
- */
-function createInterpolation(
-  config: InterpolationConfigType,
-): (input: number) => number | string {
-  if (config.outputRange && typeof config.outputRange[0] === 'string') {
-    return createInterpolationFromStringOutputRange(config);
-  }
-
-  const outputRange: Array<number> = (config.outputRange: any);
-  checkInfiniteRange('outputRange', outputRange);
-
-  const inputRange = config.inputRange;
-  checkInfiniteRange('inputRange', inputRange);
-  checkValidInputRange(inputRange);
-
-  invariant(
-    inputRange.length === outputRange.length,
-    'inputRange (' +
-      inputRange.length +
-      ') and outputRange (' +
-      outputRange.length +
-      ') must have the same length',
-  );
-
-  const easing = config.easing || linear;
-
-  let extrapolateLeft: ExtrapolateType = 'extend';
-  if (config.extrapolateLeft !== undefined) {
-    extrapolateLeft = config.extrapolateLeft;
-  } else if (config.extrapolate !== undefined) {
-    extrapolateLeft = config.extrapolate;
-  }
-
-  let extrapolateRight: ExtrapolateType = 'extend';
-  if (config.extrapolateRight !== undefined) {
-    extrapolateRight = config.extrapolateRight;
-  } else if (config.extrapolate !== undefined) {
-    extrapolateRight = config.extrapolate;
-  }
-
-  return input => {
-    invariant(
-      typeof input === 'number',
-      'Cannot interpolation an input which is not a number',
-    );
-
-    const range = findRange(input, inputRange);
-    return interpolate(
-      input,
-      inputRange[range],
-      inputRange[range + 1],
-      outputRange[range],
-      outputRange[range + 1],
-      easing,
-      extrapolateLeft,
-      extrapolateRight,
-    );
-  };
-}
-
-function interpolate(
-  input: number,
-  inputMin: number,
-  inputMax: number,
-  outputMin: number,
-  outputMax: number,
-  easing: (input: number) => number,
-  extrapolateLeft: ExtrapolateType,
-  extrapolateRight: ExtrapolateType,
-) {
-  let result = input;
-
-  // Extrapolate
-  if (result < inputMin) {
-    if (extrapolateLeft === 'identity') {
-      return result;
-    } else if (extrapolateLeft === 'clamp') {
-      result = inputMin;
-    } else if (extrapolateLeft === 'extend') {
-      // noop
-    }
-  }
-
-  if (result > inputMax) {
-    if (extrapolateRight === 'identity') {
-      return result;
-    } else if (extrapolateRight === 'clamp') {
-      result = inputMax;
-    } else if (extrapolateRight === 'extend') {
-      // noop
-    }
-  }
-
-  if (outputMin === outputMax) {
-    return outputMin;
-  }
-
-  if (inputMin === inputMax) {
-    if (input <= inputMin) {
-      return outputMin;
-    }
-    return outputMax;
-  }
-
-  // Input Range
-  if (inputMin === -Infinity) {
-    result = -result;
-  } else if (inputMax === Infinity) {
-    result = result - inputMin;
-  } else {
-    result = (result - inputMin) / (inputMax - inputMin);
-  }
-
-  // Easing
-  result = easing(result);
-
-  // Output Range
-  if (outputMin === -Infinity) {
-    result = -result;
-  } else if (outputMax === Infinity) {
-    result = result + outputMin;
-  } else {
-    result = result * (outputMax - outputMin) + outputMin;
-  }
-
-  return result;
-}
-
-function colorToRgba(input: string): string {
-  let int32Color = normalizeColor(input);
-
-  // TODO RNW #3984 [
-  if (int32Color === null || typeof int32Color !== 'number') {
-    return input;
-  }
-  // ]
-
-  int32Color = int32Color || 0;
-
-  const r = (int32Color & 0xff000000) >>> 24;
-  const g = (int32Color & 0x00ff0000) >>> 16;
-  const b = (int32Color & 0x0000ff00) >>> 8;
-  const a = (int32Color & 0x000000ff) / 255;
-
-  return `rgba(${r}, ${g}, ${b}, ${a})`;
-}
-
-const stringShapeRegex = /[+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/g;
-
-/**
- * Supports string shapes by extracting numbers so new values can be computed,
- * and recombines those values into new strings of the same shape.  Supports
- * things like:
- *
- *   rgba(123, 42, 99, 0.36) // colors
- *   -45deg                  // values with units
- */
-function createInterpolationFromStringOutputRange(
-  config: InterpolationConfigType,
-): (input: number) => string {
-  let outputRange: Array<string> = (config.outputRange: any);
-  invariant(outputRange.length >= 2, 'Bad output range');
-  outputRange = outputRange.map(colorToRgba);
-  checkPattern(outputRange);
-
-  // ['rgba(0, 100, 200, 0)', 'rgba(50, 150, 250, 0.5)']
-  // ->
-  // [
-  //   [0, 50],
-  //   [100, 150],
-  //   [200, 250],
-  //   [0, 0.5],
-  // ]
-  /* $FlowFixMe(>=0.18.0): `outputRange[0].match()` can return `null`. Need to
-   * guard against this possibility.
-   */
-  const outputRanges = outputRange[0].match(stringShapeRegex).map(() => []);
-  outputRange.forEach(value => {
-    /* $FlowFixMe(>=0.18.0): `value.match()` can return `null`. Need to guard
-     * against this possibility.
-     */
-    value.match(stringShapeRegex).forEach((number, i) => {
-      outputRanges[i].push(+number);
-    });
-  });
-
-  /* $FlowFixMe(>=0.18.0): `outputRange[0].match()` can return `null`. Need to
-   * guard against this possibility.
-   */
-  const interpolations = outputRange[0]
-    .match(stringShapeRegex)
-    .map((value, i) => {
-      return createInterpolation({
-        ...config,
-        outputRange: outputRanges[i],
-      });
-    });
-
-  // rgba requires that the r,g,b are integers.... so we want to round them, but we *dont* want to
-  // round the opacity (4th column).
-  const shouldRound = isRgbOrRgba(outputRange[0]);
-
-  return input => {
-    let i = 0;
-    // 'rgba(0, 100, 200, 0)'
-    // ->
-    // 'rgba(${interpolations[0](input)}, ${interpolations[1](input)}, ...'
-    return outputRange[0].replace(stringShapeRegex, () => {
-      let val = +interpolations[i++](input);
-      if (shouldRound) {
-        val = i < 4 ? Math.round(val) : Math.round(val * 1000) / 1000;
-      }
-      return String(val);
-    });
-  };
-}
-
-function isRgbOrRgba(range) {
-  return typeof range === 'string' && range.startsWith('rgb');
-}
-
-function checkPattern(arr: Array<string>) {
-  const pattern = arr[0].replace(stringShapeRegex, '');
-  for (let i = 1; i < arr.length; ++i) {
-    invariant(
-      pattern === arr[i].replace(stringShapeRegex, ''),
-      'invalid pattern ' + arr[0] + ' and ' + arr[i],
-    );
-  }
-}
-
-function findRange(input: number, inputRange: Array<number>) {
-  let i;
-  for (i = 1; i < inputRange.length - 1; ++i) {
-    if (inputRange[i] >= input) {
-      break;
-    }
-  }
-  return i - 1;
-}
-
-function checkValidInputRange(arr: Array<number>) {
-  invariant(arr.length >= 2, 'inputRange must have at least 2 elements');
-  for (let i = 1; i < arr.length; ++i) {
-    invariant(
-      arr[i] >= arr[i - 1],
-      /* $FlowFixMe(>=0.13.0) - In the addition expression below this comment,
-       * one or both of the operands may be something that doesn't cleanly
-       * convert to a string, like undefined, null, and object, etc. If you really
-       * mean this implicit string conversion, you can do something like
-       * String(myThing)
-       */
-      'inputRange must be monotonically non-decreasing ' + arr,
-    );
-  }
-}
-
-function checkInfiniteRange(name: string, arr: Array<number>) {
-  invariant(arr.length >= 2, name + ' must have at least 2 elements');
-  invariant(
-    arr.length !== 2 || arr[0] !== -Infinity || arr[1] !== Infinity,
-    /* $FlowFixMe(>=0.13.0) - In the addition expression below this comment,
-     * one or both of the operands may be something that doesn't cleanly convert
-     * to a string, like undefined, null, and object, etc. If you really mean
-     * this implicit string conversion, you can do something like
-     * String(myThing)
-     */
-    name + 'cannot be ]-infinity;+infinity[ ' + arr,
-  );
-}
-
-class AnimatedInterpolation extends AnimatedWithChildren {
-  // Export for testing.
-  static __createInterpolation: (
-    config: InterpolationConfigType,
-  ) => (input: number) => number | string = createInterpolation;
-
-  _parent: AnimatedNode;
-  _config: InterpolationConfigType;
-  _interpolation: (input: number) => number | string;
-
-  constructor(parent: AnimatedNode, config: InterpolationConfigType) {
-    super();
-    this._parent = parent;
-    this._config = config;
-    this._interpolation = createInterpolation(config);
-  }
-
-  __makeNative() {
-    this._parent.__makeNative();
-    super.__makeNative();
-  }
-
-  __getValue(): number | string {
-    const parentValue: number = this._parent.__getValue();
-    invariant(
-      typeof parentValue === 'number',
-      'Cannot interpolate an input which is not a number.',
-    );
-    return this._interpolation(parentValue);
-  }
-
-  interpolate(config: InterpolationConfigType): AnimatedInterpolation {
-    return new AnimatedInterpolation(this, config);
-  }
-
-  __attach(): void {
-    this._parent.__addChild(this);
-  }
-
-  __detach(): void {
-    this._parent.__removeChild(this);
-    super.__detach();
-  }
-
-  __transformDataType(range: Array<any>): Array<any> {
-    return range.map(NativeAnimatedHelper.transformDataType);
-  }
-
-  __getNativeConfig(): any {
-    if (__DEV__) {
-      NativeAnimatedHelper.validateInterpolation(this._config);
-    }
-
-    return {
-      inputRange: this._config.inputRange,
-      // Only the `outputRange` can contain strings so we don't need to transform `inputRange` here
-      outputRange: this.__transformDataType(this._config.outputRange),
-      extrapolateLeft:
-        this._config.extrapolateLeft || this._config.extrapolate || 'extend',
-      extrapolateRight:
-        this._config.extrapolateRight || this._config.extrapolate || 'extend',
-      type: 'interpolation',
-    };
-  }
-}
-
-module.exports = AnimatedInterpolation;
diff --git a/vnext/src/Libraries/Components/AccessibilityInfo/AccessibilityInfo.windesktop.js b/vnext/src/Libraries/Components/AccessibilityInfo/AccessibilityInfo.windesktop.js
index 1840dfce692..7d7e92a444b 100644
--- a/vnext/src/Libraries/Components/AccessibilityInfo/AccessibilityInfo.windesktop.js
+++ b/vnext/src/Libraries/Components/AccessibilityInfo/AccessibilityInfo.windesktop.js
@@ -34,7 +34,7 @@ const _subscriptions = new Map();
  * well as to register to be notified when the state of the screen reader
  * changes.
  *
- * See http://facebook.github.io/react-native/docs/accessibilityinfo.html
+ * See https://reactnative.dev/docs/accessibilityinfo.html
  */
 
 const AccessibilityInfo = {
@@ -138,7 +138,7 @@ const AccessibilityInfo = {
   /**
    * Set accessibility focus to a react component.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#setaccessibilityfocus
+   * See https://reactnative.dev/docs/accessibilityinfo.html#setaccessibilityfocus
    */
   setAccessibilityFocus: function(reactTag: number): void {
     UIManager.sendAccessibilityEvent(
@@ -150,7 +150,7 @@ const AccessibilityInfo = {
   /**
    * Post a string to be announced by the screen reader.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#announceforaccessibility
+   * See https://reactnative.dev/docs/accessibilityinfo.html#announceforaccessibility
    */
   announceForAccessibility: function(announcement: string): void {
     if (NativeAccessibilityInfo) {
diff --git a/vnext/src/Libraries/Components/AccessibilityInfo/AccessibilityInfo.windows.js b/vnext/src/Libraries/Components/AccessibilityInfo/AccessibilityInfo.windows.js
index 1840dfce692..7d7e92a444b 100644
--- a/vnext/src/Libraries/Components/AccessibilityInfo/AccessibilityInfo.windows.js
+++ b/vnext/src/Libraries/Components/AccessibilityInfo/AccessibilityInfo.windows.js
@@ -34,7 +34,7 @@ const _subscriptions = new Map();
  * well as to register to be notified when the state of the screen reader
  * changes.
  *
- * See http://facebook.github.io/react-native/docs/accessibilityinfo.html
+ * See https://reactnative.dev/docs/accessibilityinfo.html
  */
 
 const AccessibilityInfo = {
@@ -138,7 +138,7 @@ const AccessibilityInfo = {
   /**
    * Set accessibility focus to a react component.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#setaccessibilityfocus
+   * See https://reactnative.dev/docs/accessibilityinfo.html#setaccessibilityfocus
    */
   setAccessibilityFocus: function(reactTag: number): void {
     UIManager.sendAccessibilityEvent(
@@ -150,7 +150,7 @@ const AccessibilityInfo = {
   /**
    * Post a string to be announced by the screen reader.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#announceforaccessibility
+   * See https://reactnative.dev/docs/accessibilityinfo.html#announceforaccessibility
    */
   announceForAccessibility: function(announcement: string): void {
     if (NativeAccessibilityInfo) {
diff --git a/vnext/src/Libraries/Components/Button.windows.js b/vnext/src/Libraries/Components/Button.windows.js
index 27694fea1f2..fda4b82c191 100644
--- a/vnext/src/Libraries/Components/Button.windows.js
+++ b/vnext/src/Libraries/Components/Button.windows.js
@@ -12,14 +12,17 @@ const Platform = require('../Utilities/Platform');
 const React = require('react');
 const StyleSheet = require('../StyleSheet/StyleSheet');
 const Text = require('../Text/Text');
-const TouchableNativeFeedback = require('./Touchable/TouchableNativeFeedback');
-const TouchableOpacity = require('./Touchable/TouchableOpacity');
-const TouchableHighlight = require('./Touchable/TouchableHighlight'); // [Windows]
+// [Windows
+// const TouchableNativeFeedback = require('./Touchable/TouchableNativeFeedback');
+// const TouchableOpacity = require('./Touchable/TouchableOpacity');
+const TouchableHighlight = require('./Touchable/TouchableHighlight');
+// Windows]
 const View = require('./View/View');
 
 const invariant = require('invariant');
 
 import type {PressEvent} from '../Types/CoreEventTypes';
+import type {ColorValue} from '../StyleSheet/StyleSheetTypes';
 
 type ButtonProps = $ReadOnly<{|
   /**
@@ -40,7 +43,7 @@ type ButtonProps = $ReadOnly<{|
   /**
    * Color of the text (iOS), or background color of the button (Android)
    */
-  color?: ?string,
+  color?: ?ColorValue,
 
   /**
    * TV preferred focus (see documentation for the View component).
diff --git a/vnext/src/Libraries/Components/CheckBox/CheckBox.windows.js b/vnext/src/Libraries/Components/CheckBox/CheckBox.windows.js
new file mode 100644
index 00000000000..aed9cd9eb38
--- /dev/null
+++ b/vnext/src/Libraries/Components/CheckBox/CheckBox.windows.js
@@ -0,0 +1,228 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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/StyleSheet');
+const invariant = require('invariant');
+const processColor = require('../../StyleSheet/processColor');
+
+const nullthrows = require('nullthrows');
+const setAndForwardRef = require('../../Utilities/setAndForwardRef');
+
+import AndroidCheckBoxNativeComponent, {
+  Commands as AndroidCheckBoxCommands,
+} from './AndroidCheckBoxNativeComponent';
+
+import type {ViewProps} from '../View/ViewPropTypes';
+import type {SyntheticEvent} from '../../Types/CoreEventTypes';
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
+
+type CheckBoxEvent = SyntheticEvent<
+  $ReadOnly<{|
+    target: number,
+    value: boolean,
+  |}>,
+>;
+
+type CommonProps = $ReadOnly<{|
+  ...ViewProps,
+
+  /**
+   * Used in case the props change removes the component.
+   */
+  onChange?: ?(event: CheckBoxEvent) => mixed,
+
+  /**
+   * Invoked with the new value when the value changes.
+   */
+  onValueChange?: ?(value: boolean) => mixed,
+
+  /**
+   * Used to locate this view in end-to-end tests.
+   */
+  testID?: ?string,
+|}>;
+
+type Props = $ReadOnly<{|
+  ...CommonProps,
+
+  /**
+   * The value of the checkbox.  If true the checkbox will be turned on.
+   * Default value is false.
+   */
+  value?: ?boolean,
+
+  /**
+   * If true the user won't be able to toggle the checkbox.
+   * Default value is false.
+   */
+  disabled?: ?boolean,
+
+  /**
+   * Used to get the ref for the native checkbox
+   */
+  forwardedRef?: ?React.Ref<typeof AndroidCheckBoxNativeComponent>,
+
+  /**
+   * Controls the colors the checkbox has in checked and unchecked states.
+   */
+  tintColors?: {|true?: ?ColorValue, false?: ?ColorValue|},
+|}>;
+
+/**
+ * Renders a boolean input (Android only).
+ *
+ * This is a controlled component that requires an `onValueChange` callback that
+ * updates the `value` prop in order for the component to reflect user actions.
+ * If the `value` prop is not updated, the component will continue to render
+ * the supplied `value` prop instead of the expected result of any user actions.
+ *
+ * ```
+ * import React from 'react';
+ * import { AppRegistry, StyleSheet, Text, View, CheckBox } from 'react-native';
+ *
+ * export default class App extends React.Component {
+ *   constructor(props) {
+ *     super(props);
+ *     this.state = {
+ *       checked: false
+ *     }
+ *   }
+ *
+ *   toggle() {
+ *     this.setState(({checked}) => {
+ *       return {
+ *         checked: !checked
+ *       };
+ *     });
+ *   }
+ *
+ *   render() {
+ *     const {checked} = this.state;
+ *     return (
+ *       <View style={styles.container}>
+ *         <Text>Checked</Text>
+ *         <CheckBox value={checked} onChange={this.toggle.bind(this)} />
+ *       </View>
+ *     );
+ *   }
+ * }
+ *
+ * const styles = StyleSheet.create({
+ *   container: {
+ *     flex: 1,
+ *     flexDirection: 'row',
+ *     alignItems: 'center',
+ *     justifyContent: 'center',
+ *   },
+ * });
+ *
+ * // skip this line if using Create React Native App
+ * AppRegistry.registerComponent('App', () => App);
+ * ```
+ *
+ * @keyword checkbox
+ * @keyword toggle
+ */
+class CheckBox extends React.Component<Props> {
+  _nativeRef: ?React.ElementRef<typeof AndroidCheckBoxNativeComponent> = null;
+  _setNativeRef = setAndForwardRef({
+    getForwardedRef: () => this.props.forwardedRef,
+    setLocalRef: ref => {
+      this._nativeRef = ref;
+    },
+  });
+
+  _onChange = (event: CheckBoxEvent) => {
+    const value = this.props.value ?? false;
+    AndroidCheckBoxCommands.setNativeValue(nullthrows(this._nativeRef), value);
+    // Change the props after the native props are set in case the props
+    // change removes the component
+    this.props.onChange && this.props.onChange(event);
+    this.props.onValueChange &&
+      this.props.onValueChange(event.nativeEvent.value);
+  };
+
+  _getTintColors(tintColors) {
+    if (tintColors) {
+      const processedTextColorTrue = processColor(tintColors.true);
+      invariant(
+        processedTextColorTrue == null ||
+          typeof processedTextColorTrue === 'number',
+        'Unexpected color given for tintColors.true',
+      );
+      const processedTextColorFalse = processColor(tintColors.true);
+      invariant(
+        processedTextColorFalse == null ||
+          typeof processedTextColorFalse === 'number',
+        'Unexpected color given for tintColors.false',
+      );
+      return {
+        true: processedTextColorTrue,
+        false: processedTextColorFalse,
+      };
+    } else {
+      return undefined;
+    }
+  }
+
+  render() {
+    const {
+      disabled: _,
+      value: __,
+      tintColors,
+      style,
+      forwardedRef,
+      ...props
+    } = this.props;
+    const disabled = this.props.disabled ?? false;
+    const value = this.props.value ?? false;
+
+    const nativeProps = {
+      ...props,
+      onStartShouldSetResponder: () => true,
+      onResponderTerminationRequest: () => false,
+      enabled: !disabled,
+      on: value,
+      tintColors: this._getTintColors(tintColors),
+      style: [styles.rctCheckBox, style],
+    };
+    return (
+      <AndroidCheckBoxNativeComponent
+        {...nativeProps}
+        ref={this._setNativeRef}
+        onChange={this._onChange}
+      />
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  rctCheckBox: {
+    height: 32,
+    width: 32,
+  },
+});
+
+type CheckBoxType = React.AbstractComponent<
+  Props,
+  React.ElementRef<typeof AndroidCheckBoxNativeComponent>,
+>;
+
+const CheckBoxWithRef = React.forwardRef<
+  Props,
+  React.ElementRef<typeof AndroidCheckBoxNativeComponent>,
+>(function CheckBoxWithRef(props, ref) {
+  return <CheckBox {...props} forwardedRef={ref} />;
+});
+
+module.exports = (CheckBoxWithRef: CheckBoxType);
diff --git a/vnext/src/Libraries/Components/CheckBox/CheckBox.windows.tsx b/vnext/src/Libraries/Components/CheckBox/CheckBox.windows.tsx
deleted file mode 100644
index b987917e631..00000000000
--- a/vnext/src/Libraries/Components/CheckBox/CheckBox.windows.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-'use strict';
-
-import * as React from 'react';
-import {StyleSheet, requireNativeComponent} from 'react-native';
-import {ICheckBoxProps, ICheckBoxChangeEvent} from './CheckBoxProps';
-
-const styles = StyleSheet.create({
-  rctCheckBox: {
-    height: 32,
-    width: 32,
-  },
-});
-
-const RCTCheckBox = requireNativeComponent<ICheckBoxProps>('RCTCheckBox');
-
-/**
- * Renders a boolean input.
- *
- * This is a controlled component that requires an `onValueChange` callback that
- * updates the `value` prop in order for the component to reflect user actions.
- * If the `value` prop is not updated, the component will continue to render
- * the supplied `value` prop instead of the expected result of any user actions.
- *
- * @keyword checkbox
- * @keyword toggle
- */
-class CheckBox extends React.Component<ICheckBoxProps> {
-  private _rctCheckBox: any;
-
-  public constructor(props: ICheckBoxProps) {
-    super(props);
-    this._rctCheckBox = React.createRef();
-  }
-
-  public render(): JSX.Element {
-    const props = {...this.props};
-    props.onStartShouldSetResponder = () => true;
-    props.onResponderTerminationRequest = () => false;
-    props.style = [styles.rctCheckBox, this.props.style];
-
-    return (
-      <RCTCheckBox {...props} onChange={this._onChange} ref={this._setRef} />
-    );
-  }
-
-  private _setRef = (checkBox: any /*RCTCheckBox*/) => {
-    this._rctCheckBox = checkBox;
-  };
-
-  private _onChange = (event: ICheckBoxChangeEvent) => {
-    if (this._rctCheckBox) {
-      this._rctCheckBox.setNativeProps({value: this.props.value});
-    }
-
-    // Change the props after the native props are set in case the props
-    // change removes the component
-    this.props.onChange && this.props.onChange(event);
-    this.props.onValueChange &&
-      this.props.onValueChange(event.nativeEvent.value);
-  };
-}
-
-module.exports = CheckBox;
diff --git a/vnext/src/Libraries/Components/Picker/Picker.windows.js b/vnext/src/Libraries/Components/Picker/Picker.windows.js
index a91c988168d..eb2ed059861 100644
--- a/vnext/src/Libraries/Components/Picker/Picker.windows.js
+++ b/vnext/src/Libraries/Components/Picker/Picker.windows.js
@@ -107,6 +107,10 @@ type PickerProps = $ReadOnly<{|
    * Used to locate this view in end-to-end tests.
    */
   testID?: ?string,
+  /**
+   * The string used for the accessibility label. Will be read once focused on the picker but not on change.
+   */
+  accessibilityLabel?: ?string,
 |}>;
 
 /**
diff --git a/vnext/src/Libraries/Components/Picker/RCTPickerNativeComponent.windows.js b/vnext/src/Libraries/Components/Picker/RCTPickerNativeComponent.windows.js
deleted file mode 100644
index bb690e05afc..00000000000
--- a/vnext/src/Libraries/Components/Picker/RCTPickerNativeComponent.windows.js
+++ /dev/null
@@ -1,60 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- *
- * @flow strict-local
- * @format
- */
-
-'use strict';
-
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import * as React from 'react';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // ]TODO(macOS ISS#2323203)
-
-type PickerIOSChangeEvent = SyntheticEvent<
-  $ReadOnly<{|
-    newValue: number | string,
-    newIndex: number,
-  |}>,
->;
-
-type RCTPickerIOSItemType = $ReadOnly<{|
-  label: ?Label,
-  value: ?(number | string),
-  textColor: ?(number | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-|}>;
-
-type Label = Stringish | number;
-
-type NativeProps = $ReadOnly<{|
-  items: $ReadOnlyArray<RCTPickerIOSItemType>,
-  onChange: (event: PickerIOSChangeEvent) => void,
-  selectedIndex: number,
-  style?: ?TextStyleProp,
-  testID?: ?string,
-|}>;
-
-type ComponentType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +setNativeSelectedIndex: (
-    viewRef: React.ElementRef<ComponentType>,
-    index: number,
-  ) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setNativeSelectedIndex'],
-});
-
-const RCTPickerNativeComponent: ComponentType = requireNativeComponent<NativeProps>(
-  'RCTPicker',
-);
-
-export default RCTPickerNativeComponent;
diff --git a/vnext/src/Libraries/Components/RefreshControl/RefreshControl.windows.js b/vnext/src/Libraries/Components/RefreshControl/RefreshControl.windows.js
index f743518cfe0..7d04ab49c35 100644
--- a/vnext/src/Libraries/Components/RefreshControl/RefreshControl.windows.js
+++ b/vnext/src/Libraries/Components/RefreshControl/RefreshControl.windows.js
@@ -15,8 +15,12 @@ const React = require('react');
 
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
-import AndroidSwipeRefreshLayoutNativeComponent from './AndroidSwipeRefreshLayoutNativeComponent';
-import PullToRefreshViewNativeComponent from './PullToRefreshViewNativeComponent';
+import AndroidSwipeRefreshLayoutNativeComponent, {
+  Commands as AndroidSwipeRefreshLayoutCommands,
+} from './AndroidSwipeRefreshLayoutNativeComponent';
+import PullToRefreshViewNativeComponent, {
+  Commands as PullToRefreshCommands,
+} from './PullToRefreshViewNativeComponent';
 
 let RefreshLayoutConsts: any;
 if (Platform.OS === 'android') {
@@ -79,7 +83,7 @@ export type RefreshControlProps = $ReadOnly<{|
   /**
    * Called when the view starts refreshing.
    */
-  onRefresh?: ?() => void,
+  onRefresh?: ?() => void | Promise<void>,
 
   /**
    * Whether the view should be indicating an active refresh.
@@ -135,7 +139,10 @@ export type RefreshControlProps = $ReadOnly<{|
 class RefreshControl extends React.Component<RefreshControlProps> {
   static SIZE: any = RefreshLayoutConsts.SIZE;
 
-  _setNativePropsOnRef: ?({refreshing: boolean, ...}) => void;
+  _nativeRef: ?React.ElementRef<
+    | typeof PullToRefreshViewNativeComponent
+    | typeof AndroidSwipeRefreshLayoutNativeComponent,
+  >;
   _lastNativeRefreshing = false;
 
   componentDidMount() {
@@ -150,18 +157,24 @@ class RefreshControl extends React.Component<RefreshControlProps> {
       this._lastNativeRefreshing = this.props.refreshing;
     } else if (
       this.props.refreshing !== this._lastNativeRefreshing &&
-      this._setNativePropsOnRef
+      this._nativeRef
     ) {
-      this._setNativePropsOnRef({
-        refreshing: this.props.refreshing,
-      });
+      if (Platform.OS === 'android') {
+        AndroidSwipeRefreshLayoutCommands.setNativeRefreshing(
+          this._nativeRef,
+          this.props.refreshing,
+        );
+      } else {
+        PullToRefreshCommands.setNativeRefreshing(
+          this._nativeRef,
+          this.props.refreshing,
+        );
+      }
       this._lastNativeRefreshing = this.props.refreshing;
     }
   }
 
   render(): React.Node {
-    const setRef = ref =>
-      (this._setNativePropsOnRef = ref ? ref.setNativeProps.bind(ref) : null);
     if (Platform.OS === 'ios') {
       const {
         enabled,
@@ -174,7 +187,7 @@ class RefreshControl extends React.Component<RefreshControlProps> {
       return (
         <PullToRefreshViewNativeComponent
           {...props}
-          ref={setRef}
+          ref={this._setNativeRef}
           onRefresh={this._onRefresh}
         />
       );
@@ -190,7 +203,7 @@ class RefreshControl extends React.Component<RefreshControlProps> {
       return (
         <PullToRefreshViewNativeComponent
           {...props}
-          ref={setRef}
+          ref={this._setNativeRef}
           onRefresh={this._onRefresh}
         />
       );
@@ -199,7 +212,7 @@ class RefreshControl extends React.Component<RefreshControlProps> {
       return (
         <AndroidSwipeRefreshLayoutNativeComponent
           {...props}
-          ref={setRef}
+          ref={this._setNativeRef}
           onRefresh={this._onRefresh}
         />
       );
@@ -215,6 +228,15 @@ class RefreshControl extends React.Component<RefreshControlProps> {
     // make sure it stays in sync with the js component.
     this.forceUpdate();
   };
+
+  _setNativeRef = (
+    ref: ?React.ElementRef<
+      | typeof PullToRefreshViewNativeComponent
+      | typeof AndroidSwipeRefreshLayoutNativeComponent,
+    >,
+  ) => {
+    this._nativeRef = ref;
+  };
 }
 
 module.exports = RefreshControl;
diff --git a/vnext/src/Libraries/Components/ScrollView/ScrollView.windesktop.js b/vnext/src/Libraries/Components/ScrollView/ScrollView.windesktop.js
deleted file mode 100644
index 5132271d106..00000000000
--- a/vnext/src/Libraries/Components/ScrollView/ScrollView.windesktop.js
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-'use strict';
-
-module.exports = require('../UnimplementedViews/UnimplementedView');
diff --git a/vnext/src/Libraries/Components/ScrollView/ScrollView.windows.js b/vnext/src/Libraries/Components/ScrollView/ScrollView.windows.js
deleted file mode 100644
index 26a140960be..00000000000
--- a/vnext/src/Libraries/Components/ScrollView/ScrollView.windows.js
+++ /dev/null
@@ -1,1237 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-const AnimatedImplementation = require('../../Animated/src/AnimatedImplementation');
-const Platform = require('../../Utilities/Platform');
-const React = require('react');
-const ReactNative = require('../../Renderer/shims/ReactNative');
-require('../../Renderer/shims/ReactNative'); // Force side effects to prevent T55744311
-const ScrollResponder = require('../ScrollResponder');
-const ScrollViewStickyHeader = require('./ScrollViewStickyHeader');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const View = require('../View/View');
-
-const dismissKeyboard = require('../../Utilities/dismissKeyboard');
-const flattenStyle = require('../../StyleSheet/flattenStyle');
-const invariant = require('invariant');
-const processDecelerationRate = require('./processDecelerationRate');
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
-const resolveAssetSource = require('../../Image/resolveAssetSource');
-const splitLayoutProps = require('../../StyleSheet/splitLayoutProps');
-
-import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
-import type {PointProp} from '../../StyleSheet/PointPropType';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
-import type {
-  PressEvent,
-  ScrollEvent,
-  LayoutEvent,
-} from '../../Types/CoreEventTypes';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {State as ScrollResponderState} from '../ScrollResponder';
-import type {ViewProps} from '../View/ViewPropTypes';
-import type {Props as ScrollViewStickyHeaderProps} from './ScrollViewStickyHeader';
-
-import ScrollViewNativeComponent from './ScrollViewNativeComponent';
-import ScrollContentViewNativeComponent from './ScrollContentViewNativeComponent';
-import AndroidHorizontalScrollViewNativeComponent from './AndroidHorizontalScrollViewNativeComponent';
-import AndroidHorizontalScrollContentViewNativeComponent from './AndroidHorizontalScrollContentViewNativeComponent';
-
-let AndroidScrollView;
-let AndroidHorizontalScrollContentView;
-let AndroidHorizontalScrollView;
-let RCTScrollView;
-let RCTScrollContentView;
-
-if (Platform.OS === 'android') {
-  AndroidScrollView = ScrollViewNativeComponent;
-  AndroidHorizontalScrollView = AndroidHorizontalScrollViewNativeComponent;
-  AndroidHorizontalScrollContentView = AndroidHorizontalScrollContentViewNativeComponent;
-} else {
-  // [Windows] Remove iOS check
-  RCTScrollView = ScrollViewNativeComponent;
-  RCTScrollContentView = ScrollContentViewNativeComponent;
-}
-
-export type ScrollResponderType = {
-  // We'd like to do ...ScrollView here, however Flow doesn't seem
-  // to see the imperative methods of ScrollView that way. Workaround the
-  // issue by specifying them manually.
-  getScrollableNode: $PropertyType<ScrollView, 'getScrollableNode'>,
-  getInnerViewNode: $PropertyType<ScrollView, 'getInnerViewNode'>,
-  getInnerViewRef: $PropertyType<ScrollView, 'getInnerViewRef'>,
-  getNativeScrollRef: $PropertyType<ScrollView, 'getNativeScrollRef'>,
-  setNativeProps: $PropertyType<ScrollView, 'setNativeProps'>,
-  scrollTo: $PropertyType<ScrollView, 'scrollTo'>,
-  flashScrollIndicators: $PropertyType<ScrollView, 'flashScrollIndicators'>,
-  ...typeof ScrollResponder.Mixin,
-  ...
-};
-
-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,
-  /**
-   * By default, ScrollView has an active pan responder that hijacks panresponders
-   * deeper in the render tree in order to prevent accidental touches while scrolling.
-   * However, in certain occasions (such as when using snapToInterval) in a vertical scrollview
-   * You may want to disable this behavior in order to prevent the ScrollView from blocking touches
-   */
-  disableScrollViewPanResponder?: ?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,
-  /**
-   * 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.
-   *
-   * Values between 0 and 17ms indicate 60fps updates are needed and throttling
-   * will be disabled.
-   *
-   * 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 can be programmatically scrolled beyond its
-   * content size. The default value is false.
-   * @platform ios
-   */
-  scrollToOverflowEnabled?: ?boolean,
-  /**
-   * When true, the scroll view scrolls to top when the status bar is tapped.
-   * The default value is true.
-   * @platform ios
-   */
-  scrollsToTop?: ?boolean,
-  /**
-   * Fires when the scroll view scrolls to top after the status bar has been tapped
-   * @platform ios
-   */
-  onScrollToTop?: (event: ScrollEvent) => void,
-  /**
-   * 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'),
-  /**
-   * Causes the scrollbars not to turn transparent when they are not in use.
-   * The default value is false.
-   *
-   * @platform android
-   */
-  persistentScrollbar?: ?boolean,
-  /**
-   * Fades out the edges of the the scroll content.
-   *
-   * If the value is greater than 0, the fading edges will be set accordingly
-   * to the current scroll direction and position,
-   * indicating if there is more content to show.
-   *
-   * The default value is 0.
-   *
-   * @platform android
-   */
-  fadingEdgeLength?: ?number,
-|}>;
-
-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'
-|}>;
-
-type StickyHeaderComponentType = React.AbstractComponent<
-  ScrollViewStickyHeaderProps,
-  $ReadOnly<{setNextHeaderY: number => void, ...}>,
->;
-
-export type Props = $ReadOnly<{|
-  ...ViewProps,
-  ...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 stops on the next index (in relation to scroll
-   * position at release) regardless of how fast the gesture is. This can be
-   * used for horizontal pagination when the page is less than the width of
-   * the ScrollView. The default value is false.
-   */
-  disableIntervalMomentum?: ?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 on iOS, 0.985 on Android (the default)
-   *   - `'fast'`: 0.99 on iOS, 0.9 on Android
-   */
-  decelerationRate?: ?('fast' | 'normal' | 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?: ?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?: ?// default
-  (| 'none' // cross-platform
-    | 'on-drag'
-    | '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?: ?('always' | 'never' | 'handled' | true | false),
-  /**
-   * Called when the momentum scroll starts (scroll which occurs as the ScrollView glides to a stop).
-   */
-  onMomentumScrollBegin?: ?(event: ScrollEvent) => void,
-  /**
-   * Called when the momentum scroll ends (scroll which occurs as the ScrollView glides to a stop).
-   */
-  onMomentumScrollEnd?: ?(event: ScrollEvent) => void,
-
-  /**
-   * Fires at most once per frame during scrolling. The frequency of the
-   * events can be controlled using the `scrollEventThrottle` prop.
-   */
-  onScroll?: ?(event: ScrollEvent) => void,
-  /**
-   * Called when the user begins to drag the scroll view.
-   */
-  onScrollBeginDrag?: ?(event: ScrollEvent) => void,
-  /**
-   * Called when the user stops dragging the scroll view and it either stops
-   * or begins to glide.
-   */
-  onScrollEndDrag?: ?(event: ScrollEvent) => void,
-  /**
-   * 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?: (contentWidth: number, contentHeight: number) => void,
-  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>,
-  /**
-   * A React Component that will be used to render sticky headers.
-   * To be used together with `stickyHeaderIndices` or with `SectionList`, defaults to `ScrollViewStickyHeader`.
-   * You may need to set this if your sticky header uses custom transforms (eg. translation),
-   * for example when you want your list to have an animated hidable header.
-   */
-  StickyHeaderComponent?: StickyHeaderComponentType,
-  /**
-   * 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"`.
-   *
-   * Overrides less configurable `pagingEnabled` prop.
-   */
-  snapToInterval?: ?number,
-  /**
-   * When set, causes the scroll view to stop at the defined offsets.
-   * This can be used for paginating through variously sized children
-   * that have lengths smaller than the scroll view. Typically used in
-   * combination with `decelerationRate="fast"`.
-   *
-   * Overrides less configurable `pagingEnabled` and `snapToInterval` props.
-   */
-  snapToOffsets?: ?$ReadOnlyArray<number>,
-  /**
-   * Use in conjunction with `snapToOffsets`. By default, the beginning
-   * of the list counts as a snap offset. Set `snapToStart` to false to disable
-   * this behavior and allow the list to scroll freely between its start and
-   * the first `snapToOffsets` offset.
-   * The default value is true.
-   */
-  snapToStart?: ?boolean,
-  /**
-   * Use in conjunction with `snapToOffsets`. By default, the end
-   * of the list counts as a snap offset. Set `snapToEnd` to false to disable
-   * this behavior and allow the list to scroll freely between its end and
-   * the last `snapToOffsets` offset.
-   * The default value is true.
-   */
-  snapToEnd?: ?boolean,
-  /**
-   * 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).
-   */
-  // $FlowFixMe - how to handle generic type without existential operator?
-  refreshControl?: ?React.Element<any>,
-  children?: React.Node,
-|}>;
-
-type State = {|
-  layoutHeight: ?number,
-  ...ScrollResponderState,
-|};
-
-function createScrollResponder(
-  node: React.ElementRef<typeof ScrollView>,
-): typeof ScrollResponder.Mixin {
-  const scrollResponder = {...ScrollResponder.Mixin};
-
-  for (const key in scrollResponder) {
-    if (typeof scrollResponder[key] === 'function') {
-      scrollResponder[key] = scrollResponder[key].bind(node);
-    }
-  }
-
-  return scrollResponder;
-}
-
-type ContextType = {|horizontal: boolean|} | null;
-const Context = React.createContext<ContextType>(null);
-const standardHorizontalContext: ContextType = Object.freeze({
-  horizontal: true,
-});
-const standardVerticalContext: ContextType = Object.freeze({horizontal: false});
-
-/**
- * Component that wraps platform ScrollView while providing
- * integration with touch locking "responder" system.
- *
- * Keep in mind that ScrollViews must have a bounded height in order to work,
- * since they contain unbounded-height children into a bounded container (via
- * a scroll interaction). In order to bound the height of a ScrollView, either
- * set the height of the view directly (discouraged) or make sure all parent
- * views have bounded height. Forgetting to transfer `{flex: 1}` down the
- * view stack can lead to errors here, which the element inspector makes
- * easy to debug.
- *
- * Doesn't yet support other contained responders from blocking this scroll
- * view from becoming the responder.
- *
- *
- * `<ScrollView>` vs [`<FlatList>`](/react-native/docs/flatlist.html) - which one to use?
- *
- * `ScrollView` simply renders all its react child components at once. That
- * makes it very easy to understand and use.
- *
- * On the other hand, this has a performance downside. Imagine you have a very
- * long list of items you want to display, maybe several screens worth of
- * content. Creating JS components and native views for everything all at once,
- * much of which may not even be shown, will contribute to slow rendering and
- * increased memory usage.
- *
- * This is where `FlatList` comes into play. `FlatList` renders items lazily,
- * just when they are about to appear, and removes items that scroll way off
- * screen to save memory and processing time.
- *
- * `FlatList` is also handy if you want to render separators between your items,
- * multiple columns, infinite scroll loading, or any number of other features it
- * supports out of the box.
- */
-class ScrollView extends React.Component<Props, State> {
-  static Context: React$Context<ContextType> = Context;
-  /**
-   * Part 1: Removing ScrollResponder.Mixin:
-   *
-   * 1. Mixin methods should be flow typed. That's why we create a
-   *    copy of ScrollResponder.Mixin and attach it to this._scrollResponder.
-   *    Otherwise, we'd have to manually declare each method on the component
-   *    class and assign it a flow type.
-   * 2. Mixin methods can call component methods, and access the component's
-   *    props and state. So, we need to bind all mixin methods to the
-   *    component instance.
-   * 3. Continued...
-   */
-  _scrollResponder: typeof ScrollResponder.Mixin = createScrollResponder(this);
-
-  constructor(props: Props) {
-    super(props);
-
-    /**
-     * Part 2: Removing ScrollResponder.Mixin
-     *
-     * 3. Mixin methods access other mixin methods via dynamic dispatch using
-     *    this. Since mixin methods are bound to the component instance, we need
-     *    to copy all mixin methods to the component instance. This is also
-     *    necessary because getScrollResponder() is a public method that returns
-     *    an object that can be used to execute all scrollResponder methods.
-     *    Since the object returned from that method is the ScrollView instance,
-     *    we need to bind all mixin methods to the ScrollView instance.
-     */
-    for (const key in ScrollResponder.Mixin) {
-      if (
-        typeof ScrollResponder.Mixin[key] === 'function' &&
-        key.startsWith('scrollResponder')
-      ) {
-        // $FlowFixMe - dynamically adding properties to a class
-        (this: any)[key] = ScrollResponder.Mixin[key].bind(this);
-      }
-    }
-
-    /**
-     * Part 3: Removing ScrollResponder.Mixin
-     *
-     * 4. Mixins can initialize properties and use properties on the component
-     *    instance.
-     */
-    Object.keys(ScrollResponder.Mixin)
-      .filter(key => typeof ScrollResponder.Mixin[key] !== 'function')
-      .forEach(key => {
-        // $FlowFixMe - dynamically adding properties to a class
-        (this: any)[key] = ScrollResponder.Mixin[key];
-      });
-  }
-
-  _scrollAnimatedValue: AnimatedImplementation.Value = new AnimatedImplementation.Value(
-    0,
-  );
-  _scrollAnimatedValueAttachment: ?{detach: () => void, ...} = null;
-  _stickyHeaderRefs: Map<
-    string,
-    React.ElementRef<StickyHeaderComponentType>,
-  > = new Map();
-  _headerLayoutYs: Map<string, number> = new Map();
-
-  state: State = {
-    layoutHeight: null,
-    ...ScrollResponder.Mixin.scrollResponderMixinGetInitialState(),
-  };
-
-  UNSAFE_componentWillMount() {
-    this._scrollResponder.UNSAFE_componentWillMount();
-    this._scrollAnimatedValue = new AnimatedImplementation.Value(
-      this.props.contentOffset ? this.props.contentOffset.y : 0,
-    );
-    this._scrollAnimatedValue.setOffset(
-      this.props.contentInset ? this.props.contentInset.top || 0 : 0,
-    );
-    this._stickyHeaderRefs = new Map();
-    this._headerLayoutYs = new Map();
-  }
-
-  UNSAFE_componentWillReceiveProps(nextProps: Props) {
-    const currentContentInsetTop = this.props.contentInset
-      ? this.props.contentInset.top
-      : 0;
-    const nextContentInsetTop = nextProps.contentInset
-      ? nextProps.contentInset.top
-      : 0;
-    if (currentContentInsetTop !== nextContentInsetTop) {
-      this._scrollAnimatedValue.setOffset(nextContentInsetTop || 0);
-    }
-  }
-
-  componentDidMount() {
-    this._updateAnimatedNodeAttachment();
-  }
-
-  componentDidUpdate() {
-    this._updateAnimatedNodeAttachment();
-  }
-
-  componentWillUnmount() {
-    this._scrollResponder.componentWillUnmount();
-    if (this._scrollAnimatedValueAttachment) {
-      this._scrollAnimatedValueAttachment.detach();
-    }
-  }
-
-  setNativeProps(props: {[key: string]: mixed, ...}) {
-    this._scrollViewRef && this._scrollViewRef.setNativeProps(props);
-  }
-
-  /**
-   * Returns a reference to the underlying scroll responder, which supports
-   * operations like `scrollTo`. All ScrollView-like components should
-   * implement this method so that they can be composed while providing access
-   * to the underlying scroll responder's methods.
-   */
-  getScrollResponder(): ScrollResponderType {
-    // $FlowFixMe - overriding type to include ScrollResponder.Mixin
-    return ((this: any): ScrollResponderType);
-  }
-
-  getScrollableNode(): ?number {
-    return ReactNative.findNodeHandle(this._scrollViewRef);
-  }
-
-  getInnerViewNode(): ?number {
-    return ReactNative.findNodeHandle(this._innerViewRef);
-  }
-
-  getInnerViewRef(): ?React.ElementRef<HostComponent<mixed>> {
-    return this._innerViewRef;
-  }
-
-  getNativeScrollRef(): ?React.ElementRef<HostComponent<mixed>> {
-    return this._scrollViewRef;
-  }
-
-  /**
-   * Scrolls to a given x, y offset, either immediately or with a smooth animation.
-   *
-   * Example:
-   *
-   * `scrollTo({x: 0, y: 0, animated: true})`
-   *
-   * Note: The weird function signature is due to the fact that, for historical reasons,
-   * the function also accepts separate arguments as an alternative to the options object.
-   * This is deprecated due to ambiguity (y before x), and SHOULD NOT BE USED.
-   */
-  scrollTo(
-    options?:
-      | {
-          x?: number,
-          y?: number,
-          animated?: boolean,
-          ...
-        }
-      | number,
-    deprecatedX?: number,
-    deprecatedAnimated?: boolean,
-  ) {
-    let x, y, animated;
-    if (typeof options === 'number') {
-      console.warn(
-        '`scrollTo(y, x, animated)` is deprecated. Use `scrollTo({x: 5, y: 5, ' +
-          'animated: true})` instead.',
-      );
-      y = options;
-      x = deprecatedX;
-      animated = deprecatedAnimated;
-    } else if (options) {
-      y = options.y;
-      x = options.x;
-      animated = options.animated;
-    }
-    this._scrollResponder.scrollResponderScrollTo({
-      x: x || 0,
-      y: y || 0,
-      animated: animated !== false,
-    });
-  }
-
-  /**
-   * If this is a vertical ScrollView scrolls to the bottom.
-   * If this is a horizontal ScrollView scrolls to the right.
-   *
-   * Use `scrollToEnd({animated: true})` for smooth animated scrolling,
-   * `scrollToEnd({animated: false})` for immediate scrolling.
-   * If no options are passed, `animated` defaults to true.
-   */
-  scrollToEnd(options?: ?{animated?: boolean, ...}) {
-    // Default to true
-    const animated = (options && options.animated) !== false;
-    this._scrollResponder.scrollResponderScrollToEnd({
-      animated: animated,
-    });
-  }
-
-  /**
-   * Displays the scroll indicators momentarily.
-   *
-   * @platform ios
-   */
-  flashScrollIndicators() {
-    this._scrollResponder.scrollResponderFlashScrollIndicators();
-  }
-
-  _getKeyForIndex(index, childArray) {
-    const child = childArray[index];
-    return child && child.key;
-  }
-
-  _updateAnimatedNodeAttachment() {
-    if (this._scrollAnimatedValueAttachment) {
-      this._scrollAnimatedValueAttachment.detach();
-    }
-    if (
-      this.props.stickyHeaderIndices &&
-      this.props.stickyHeaderIndices.length > 0
-    ) {
-      this._scrollAnimatedValueAttachment = AnimatedImplementation.attachNativeEvent(
-        this._scrollViewRef,
-        'onScroll',
-        [{nativeEvent: {contentOffset: {y: this._scrollAnimatedValue}}}],
-      );
-    }
-  }
-
-  _setStickyHeaderRef(
-    key: string,
-    ref: ?React.ElementRef<StickyHeaderComponentType>,
-  ) {
-    if (ref) {
-      this._stickyHeaderRefs.set(key, ref);
-    } else {
-      this._stickyHeaderRefs.delete(key);
-    }
-  }
-
-  _onStickyHeaderLayout(index, event, key) {
-    const {stickyHeaderIndices} = this.props;
-    if (!stickyHeaderIndices) {
-      return;
-    }
-    const childArray = React.Children.toArray(this.props.children);
-    if (key !== this._getKeyForIndex(index, childArray)) {
-      // ignore stale layout update
-      return;
-    }
-
-    const layoutY = event.nativeEvent.layout.y;
-    this._headerLayoutYs.set(key, layoutY);
-
-    const indexOfIndex = stickyHeaderIndices.indexOf(index);
-    const previousHeaderIndex = stickyHeaderIndices[indexOfIndex - 1];
-    if (previousHeaderIndex != null) {
-      const previousHeader = this._stickyHeaderRefs.get(
-        this._getKeyForIndex(previousHeaderIndex, childArray),
-      );
-      previousHeader &&
-        previousHeader.setNextHeaderY &&
-        previousHeader.setNextHeaderY(layoutY);
-    }
-  }
-
-  _handleScroll = (e: ScrollEvent) => {
-    if (__DEV__) {
-      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.',
-        );
-      }
-    }
-    if (Platform.OS === 'android') {
-      if (
-        this.props.keyboardDismissMode === 'on-drag' &&
-        this.state.isTouching
-      ) {
-        dismissKeyboard();
-      }
-    }
-    this._scrollResponder.scrollResponderHandleScroll(e);
-  };
-
-  _handleLayout = (e: LayoutEvent) => {
-    if (this.props.invertStickyHeaders === true) {
-      this.setState({layoutHeight: e.nativeEvent.layout.height});
-    }
-    if (this.props.onLayout) {
-      this.props.onLayout(e);
-    }
-  };
-
-  _handleContentOnLayout = (e: LayoutEvent) => {
-    const {width, height} = e.nativeEvent.layout;
-    this.props.onContentSizeChange &&
-      this.props.onContentSizeChange(width, height);
-  };
-
-  _scrollViewRef: ?React.ElementRef<HostComponent<mixed>> = null;
-  _setScrollViewRef = (ref: ?React.ElementRef<HostComponent<mixed>>) => {
-    this._scrollViewRef = ref;
-  };
-
-  _innerViewRef: ?React.ElementRef<HostComponent<mixed>> = null;
-  _setInnerViewRef = (ref: ?React.ElementRef<HostComponent<mixed>>) => {
-    this._innerViewRef = ref;
-  };
-
-  render(): React.Node | React.Element<string> {
-    let ScrollViewClass;
-    let ScrollContentContainerViewClass;
-    if (Platform.OS === 'android') {
-      if (this.props.horizontal === true) {
-        ScrollViewClass = AndroidHorizontalScrollView;
-        ScrollContentContainerViewClass = AndroidHorizontalScrollContentView;
-      } else {
-        ScrollViewClass = AndroidScrollView;
-        ScrollContentContainerViewClass = View;
-      }
-    } else {
-      ScrollViewClass = RCTScrollView;
-      ScrollContentContainerViewClass = RCTScrollContentView;
-    }
-
-    invariant(
-      ScrollViewClass !== undefined,
-      'ScrollViewClass must not be undefined',
-    );
-
-    invariant(
-      ScrollContentContainerViewClass !== undefined,
-      'ScrollContentContainerViewClass must not be undefined',
-    );
-
-    const contentContainerStyle = [
-      this.props.horizontal === true && styles.contentContainerHorizontal,
-      this.props.contentContainerStyle,
-    ];
-    if (__DEV__ && this.props.style !== 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.',
-      );
-    }
-
-    let contentSizeChangeProps = {};
-    if (this.props.onContentSizeChange) {
-      contentSizeChangeProps = {
-        onLayout: this._handleContentOnLayout,
-      };
-    }
-
-    const {stickyHeaderIndices} = this.props;
-    let children = this.props.children;
-
-    if (stickyHeaderIndices != null && stickyHeaderIndices.length > 0) {
-      const childArray = React.Children.toArray(this.props.children);
-
-      children = childArray.map((child, index) => {
-        const indexOfIndex = child ? stickyHeaderIndices.indexOf(index) : -1;
-        if (indexOfIndex > -1) {
-          const key = child.key;
-          const nextIndex = stickyHeaderIndices[indexOfIndex + 1];
-          const StickyHeaderComponent =
-            this.props.StickyHeaderComponent || ScrollViewStickyHeader;
-          return (
-            <StickyHeaderComponent
-              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}
-            </StickyHeaderComponent>
-          );
-        } else {
-          return child;
-        }
-      });
-    }
-    children = (
-      <Context.Provider
-        value={
-          this.props.horizontal === true
-            ? standardHorizontalContext
-            : standardVerticalContext
-        }>
-        {children}
-      </Context.Provider>
-    );
-
-    const hasStickyHeaders =
-      Array.isArray(stickyHeaderIndices) && stickyHeaderIndices.length > 0;
-
-    const contentContainer = (
-      /* $FlowFixMe(>=0.112.0 site=react_native_fb) This comment suppresses an
-       * error found when Flow v0.112 was deployed. To see the error, delete
-       * this comment and run Flow. */
-      <ScrollContentContainerViewClass
-        {...contentSizeChangeProps}
-        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
-        }
-        collapsable={false}>
-        {children}
-      </ScrollContentContainerViewClass>
-    );
-
-    const alwaysBounceHorizontal =
-      this.props.alwaysBounceHorizontal !== undefined
-        ? this.props.alwaysBounceHorizontal
-        : this.props.horizontal;
-
-    const alwaysBounceVertical =
-      this.props.alwaysBounceVertical !== undefined
-        ? this.props.alwaysBounceVertical
-        : !this.props.horizontal;
-
-    const DEPRECATED_sendUpdatedChildFrames = !!this.props
-      .DEPRECATED_sendUpdatedChildFrames;
-
-    const baseStyle =
-      this.props.horizontal === true
-        ? styles.baseHorizontal
-        : styles.baseVertical;
-    const props = {
-      ...this.props,
-      alwaysBounceHorizontal,
-      alwaysBounceVertical,
-      style: [baseStyle, this.props.style],
-      // Override the onContentSizeChange from props, since this event can
-      // bubble up from TextInputs
-      onContentSizeChange: null,
-      onLayout: this._handleLayout,
-      onMomentumScrollBegin: this._scrollResponder
-        .scrollResponderHandleMomentumScrollBegin,
-      onMomentumScrollEnd: this._scrollResponder
-        .scrollResponderHandleMomentumScrollEnd,
-      onResponderGrant: this._scrollResponder
-        .scrollResponderHandleResponderGrant,
-      onResponderReject: this._scrollResponder
-        .scrollResponderHandleResponderReject,
-      onResponderRelease: this._scrollResponder
-        .scrollResponderHandleResponderRelease,
-      onResponderTerminationRequest: this._scrollResponder
-        .scrollResponderHandleTerminationRequest,
-      onScrollBeginDrag: this._scrollResponder
-        .scrollResponderHandleScrollBeginDrag,
-      onScrollEndDrag: this._scrollResponder.scrollResponderHandleScrollEndDrag,
-      onScrollShouldSetResponder: this._scrollResponder
-        .scrollResponderHandleScrollShouldSetResponder,
-      onStartShouldSetResponder: this._scrollResponder
-        .scrollResponderHandleStartShouldSetResponder,
-      onStartShouldSetResponderCapture: this._scrollResponder
-        .scrollResponderHandleStartShouldSetResponderCapture,
-      onTouchEnd: this._scrollResponder.scrollResponderHandleTouchEnd,
-      onTouchMove: this._scrollResponder.scrollResponderHandleTouchMove,
-      onTouchStart: this._scrollResponder.scrollResponderHandleTouchStart,
-      onTouchCancel: this._scrollResponder.scrollResponderHandleTouchCancel,
-      onScroll: this._handleScroll,
-      scrollBarThumbImage: resolveAssetSource(this.props.scrollBarThumbImage),
-      scrollEventThrottle: hasStickyHeaders
-        ? 1
-        : this.props.scrollEventThrottle,
-      sendMomentumEvents:
-        this.props.onMomentumScrollBegin || this.props.onMomentumScrollEnd
-          ? true
-          : false,
-      DEPRECATED_sendUpdatedChildFrames,
-      // default to true
-      snapToStart: this.props.snapToStart !== false,
-      // default to true
-      snapToEnd: this.props.snapToEnd !== false,
-      // pagingEnabled is overridden by snapToInterval / snapToOffsets
-      pagingEnabled: Platform.select({
-        // on iOS, pagingEnabled must be set to false to have snapToInterval / snapToOffsets work
-        ios:
-          this.props.pagingEnabled === true &&
-          this.props.snapToInterval == null &&
-          this.props.snapToOffsets == null,
-        // on Android, pagingEnabled must be set to true to have snapToInterval / snapToOffsets work
-        android:
-          this.props.pagingEnabled === true ||
-          this.props.snapToInterval != null ||
-          this.props.snapToOffsets != null,
-        // on Windows, pagingEnabled must be set to false to have snapToInterval / snapToOffsets work
-        windows:
-          this.props.pagingEnabled === true &&
-          this.props.snapToInterval == null &&
-          this.props.snapToOffsets == null,
-      }),
-    };
-
-    const {decelerationRate} = this.props;
-    if (decelerationRate != null) {
-      props.decelerationRate = processDecelerationRate(decelerationRate);
-    }
-
-    const refreshControl = this.props.refreshControl;
-
-    if (refreshControl) {
-      if (Platform.OS === 'ios') {
-        // On iOS the RefreshControl is a child of the ScrollView.
-        // tvOS lacks native support for RefreshControl, so don't include it in that case
-        return (
-          <ScrollViewClass {...props} ref={this._setScrollViewRef}>
-            {Platform.isTV ? null : refreshControl}
-            {contentContainer}
-          </ScrollViewClass>
-        );
-      } else if (Platform.OS === 'android') {
-        // On Android wrap the ScrollView with a AndroidSwipeRefreshLayout.
-        // Since the ScrollView is wrapped add the style props to the
-        // AndroidSwipeRefreshLayout and use flex: 1 for the ScrollView.
-        // Note: we should split props.style on the inner and outer props
-        // however, the ScrollView still needs the baseStyle to be scrollable
-        const {outer, inner} = splitLayoutProps(flattenStyle(props.style));
-        return React.cloneElement(
-          refreshControl,
-          {style: [baseStyle, outer]},
-          <ScrollViewClass
-            {...props}
-            style={[baseStyle, inner]}
-            ref={this._setScrollViewRef}>
-            {contentContainer}
-          </ScrollViewClass>,
-        );
-      } else if (Platform.OS === 'windows') {
-        const {outer, inner} = splitLayoutProps(flattenStyle(props.style));
-        return React.cloneElement(
-          refreshControl,
-          {style: [baseStyle, outer]},
-          <ScrollViewClass
-            {...props}
-            style={[baseStyle, inner]}
-            // $FlowFixMe
-            ref={this._setScrollViewRef}>
-            {contentContainer}
-          </ScrollViewClass>,
-        );
-      }
-    }
-    return (
-      <ScrollViewClass {...props} ref={this._setScrollViewRef}>
-        {contentContainer}
-      </ScrollViewClass>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  baseVertical: {
-    flexGrow: 1,
-    flexShrink: 1,
-    flexDirection: 'column',
-    overflow: 'scroll',
-  },
-  baseHorizontal: {
-    flexGrow: 1,
-    flexShrink: 1,
-    flexDirection: 'row',
-    overflow: 'scroll',
-  },
-  contentContainerHorizontal: {
-    flexDirection: 'row',
-  },
-});
-
-module.exports = ScrollView;
diff --git a/vnext/src/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.windows.js b/vnext/src/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.windows.js
deleted file mode 100644
index 904b447b24c..00000000000
--- a/vnext/src/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.windows.js
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-import type {TurboModule} from '../../TurboModule/RCTExport';
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // [Win32]
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {|
-    +HEIGHT: number,
-    +DEFAULT_BACKGROUND_COLOR: number,
-  |};
-  // [Windows Allow NativeOrDynamicColorType to make Flow happy (this will never be called)
-  +setColor: (
-    color: number | NativeOrDynamicColorType,
-    animated: boolean,
-  ) => void;
-  // Windows]
-  +setTranslucent: (translucent: boolean) => void;
-
-  /**
-   *  - statusBarStyles can be:
-   *    - 'default'
-   *    - 'dark-content'
-   */
-  +setStyle: (statusBarStyle?: ?string) => void;
-  +setHidden: (hidden: boolean) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'StatusBarManager',
-): Spec);
diff --git a/vnext/src/Libraries/Components/Switch/SwitchNativeComponent.windows.js b/vnext/src/Libraries/Components/Switch/SwitchNativeComponent.windows.js
deleted file mode 100644
index 34833e8fcd5..00000000000
--- a/vnext/src/Libraries/Components/Switch/SwitchNativeComponent.windows.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-import type {BubblingEventHandler, WithDefault} from '../../Types/CodegenTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-import * as React from 'react';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // [Windows]
-
-type SwitchChangeEvent = $ReadOnly<{|
-  value: boolean,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  // Props
-  disabled?: WithDefault<boolean, false>,
-  value?: WithDefault<boolean, false>,
-  tintColor?: ?ColorValue | NativeOrDynamicColorType, // [Windows]
-  onTintColor?: ?ColorValue | NativeOrDynamicColorType, // [Windows]
-  thumbTintColor?: ?ColorValue | NativeOrDynamicColorType, // [Windows]
-
-  // Deprecated props
-  thumbColor?: ?ColorValue | NativeOrDynamicColorType, // [Windows]
-  trackColorForFalse?: ?ColorValue | NativeOrDynamicColorType, // [Windows]
-  trackColorForTrue?: ?ColorValue | NativeOrDynamicColorType, // [Windows]
-
-  // Events
-  onChange?: ?BubblingEventHandler<SwitchChangeEvent>,
-|}>;
-
-type ComponentType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +setValue: (viewRef: React.ElementRef<ComponentType>, value: boolean) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setValue'],
-});
-
-export default (codegenNativeComponent<NativeProps>('Switch', {
-  paperComponentName: 'RCTSwitch',
-  excludedPlatform: 'android',
-}): ComponentType);
diff --git a/vnext/src/Libraries/Components/TextInput/TextInput.windows.js b/vnext/src/Libraries/Components/TextInput/TextInput.windows.js
index e1b7fff5ca5..33114f05f84 100644
--- a/vnext/src/Libraries/Components/TextInput/TextInput.windows.js
+++ b/vnext/src/Libraries/Components/TextInput/TextInput.windows.js
@@ -20,9 +20,12 @@ const TextAncestor = require('../../Text/TextAncestor');
 const TextInputState = require('./TextInputState');
 const TouchableWithoutFeedback = require('../Touchable/TouchableWithoutFeedback');
 
+// [Windows
+const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
+// Windows]
+
 const invariant = require('invariant');
 const nullthrows = require('nullthrows');
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
 const setAndForwardRef = require('../../Utilities/setAndForwardRef');
 
 import type {TextStyleProp, ViewStyleProp} from '../../StyleSheet/StyleSheet';
@@ -37,6 +40,7 @@ const {useEffect, useRef, useState} = React;
 type ReactRefSetter<T> = {current: null | T, ...} | ((ref: null | T) => mixed);
 
 let AndroidTextInput;
+let AndroidTextInputCommands;
 let RCTMultilineTextInputView;
 let RCTSinglelineTextInputView;
 let RCTTextInput; // [Windows]
@@ -44,13 +48,13 @@ let RCTTextInput; // [Windows]
 // [Windows
 if (Platform.OS === 'android') {
   AndroidTextInput = require('./AndroidTextInputNativeComponent').default;
+  AndroidTextInputCommands = require('./AndroidTextInputNativeComponent')
+    .Commands;
 } else if (Platform.OS === 'ios') {
-  RCTMultilineTextInputView = requireNativeComponent(
-    'RCTMultilineTextInputView',
-  );
-  RCTSinglelineTextInputView = requireNativeComponent(
-    'RCTSinglelineTextInputView',
-  );
+  RCTMultilineTextInputView = require('./RCTMultilineTextInputNativeComponent')
+    .default;
+  RCTSinglelineTextInputView = require('./RCTSingelineTextInputNativeComponent')
+    .default;
 }
 // [Windows
 else if (Platform.OS === 'windows') {
@@ -277,9 +281,19 @@ type IOSProps = $ReadOnly<{|
    */
   textContentType?: ?TextContentType,
 
-  PasswordRules?: ?PasswordRules,
+  /**
+   * Provide rules for your password.
+   * For example, say you want to require a password with at least eight characters consisting of a mix of uppercase and lowercase letters, at least one number, and at most two consecutive characters.
+   * "required: upper; required: lower; required: digit; max-consecutive: 2; minlength: 8;"
+   * @platform ios
+   */
+  passwordRules?: ?PasswordRules,
 
   /*
+   * If `true`, allows TextInput to pass touch events to the parent component.
+   * This allows components to be swipeable from the TextInput on iOS,
+   * as is the case on Android by default.
+   * If `false`, TextInput always asks to handle the input (except when disabled).
    * @platform ios
    */
   rejectResponderTermination?: ?boolean,
@@ -696,42 +710,6 @@ type ImperativeMethods = $ReadOnly<{|
 
 const emptyFunctionThatReturnsTrue = () => true;
 
-function useFocusOnMount(
-  initialAutoFocus: ?boolean,
-  inputRef: {|
-    current: null | React.ElementRef<HostComponent<mixed>>,
-  |},
-) {
-  const initialAutoFocusValue = useRef<?boolean>(initialAutoFocus);
-
-  useEffect(() => {
-    // We only want to autofocus on initial mount.
-    // Since initialAutoFocusValue and inputRef will never change
-    // this should match the expected behavior
-    if (initialAutoFocusValue.current) {
-      const focus = () => {
-        if (inputRef.current != null) {
-          inputRef.current.focus();
-        }
-      };
-
-      let rafId;
-      if (Platform.OS === 'android') {
-        // On Android this needs to be executed in a rAF callback
-        // otherwise the keyboard opens then closes immediately.
-        rafId = requestAnimationFrame(focus);
-      } else {
-        focus();
-      }
-
-      return () => {
-        if (rafId != null) {
-          cancelAnimationFrame(rafId);
-        }
-      };
-    }
-  }, [initialAutoFocusValue, inputRef]);
-}
 /**
  * A foundational component for inputting text into the app via a
  * keyboard. Props provide configurability for several features, such as
@@ -846,7 +824,15 @@ function useFocusOnMount(
 function InternalTextInput(props: Props): React.Node {
   const inputRef = useRef<null | React.ElementRef<HostComponent<mixed>>>(null);
 
-  const selection: ?Selection =
+  // Android sends a "onTextChanged" event followed by a "onSelectionChanged" event, for
+  // the same "most recent event count".
+  // For controlled selection, that means that immediately after text is updated,
+  // a controlled component will pass in the *previous* selection, even if the controlled
+  // component didn't mean to modify the selection at all.
+  // Therefore, we ignore selections and pass them through until the selection event has
+  // been sent.
+  // Note that this mitigation is NOT needed for Fabric.
+  let selection: ?Selection =
     props.selection == null
       ? null
       : {
@@ -854,10 +840,28 @@ function InternalTextInput(props: Props): React.Node {
           end: props.selection.end ?? props.selection.start,
         };
 
+  const [mostRecentEventCount, setMostRecentEventCount] = useState<number>(0);
+
   const [lastNativeText, setLastNativeText] = useState<?Stringish>(props.value);
-  const [lastNativeSelection, setLastNativeSelection] = useState<?Selection>(
-    selection,
-  );
+  const [lastNativeSelectionState, setLastNativeSelection] = useState<{|
+    selection: ?Selection,
+    mostRecentEventCount: number,
+  |}>({selection, mostRecentEventCount});
+
+  const lastNativeSelection = lastNativeSelectionState.selection;
+  const lastNativeSelectionEventCount =
+    lastNativeSelectionState.mostRecentEventCount;
+
+  if (lastNativeSelectionEventCount < mostRecentEventCount) {
+    selection = null;
+  }
+
+  const text =
+    typeof props.value === 'string'
+      ? props.value
+      : typeof props.defaultValue === 'string'
+      ? props.defaultValue
+      : '';
 
   // This is necessary in case native updates the text and JS decides
   // that the update should be ignored and we should stick with the value
@@ -877,23 +881,43 @@ function InternalTextInput(props: Props): React.Node {
         lastNativeSelection.end !== selection.end)
     ) {
       nativeUpdate.selection = selection;
-      setLastNativeSelection(selection);
+      setLastNativeSelection({selection, mostRecentEventCount});
     }
 
-    if (Object.keys(nativeUpdate).length > 0 && inputRef.current) {
-      inputRef.current.setNativeProps(nativeUpdate);
+    if (Object.keys(nativeUpdate).length === 0) {
+      return;
     }
-  }, [inputRef, props.value, lastNativeText, selection, lastNativeSelection]);
 
-  useFocusOnMount(props.autoFocus, inputRef);
+    if (AndroidTextInputCommands && inputRef.current != null) {
+      AndroidTextInputCommands.setTextAndSelection(
+        inputRef.current,
+        mostRecentEventCount,
+        text,
+        selection?.start ?? -1,
+        selection?.end ?? -1,
+      );
+    } else if (inputRef.current != null) {
+      inputRef.current.setNativeProps(nativeUpdate);
+    }
+  }, [
+    mostRecentEventCount,
+    inputRef,
+    props.value,
+    props.defaultValue,
+    lastNativeText,
+    selection,
+    lastNativeSelection,
+    text,
+  ]);
 
   useEffect(() => {
-    const tag = ReactNative.findNodeHandle(inputRef.current);
-    if (tag != null) {
-      TextInputState.registerInput(tag);
+    const inputRefValue = inputRef.current;
+
+    if (inputRefValue != null) {
+      TextInputState.registerInput(inputRefValue);
 
       return () => {
-        TextInputState.unregisterInput(tag);
+        TextInputState.unregisterInput(inputRefValue);
       };
     }
   }, [inputRef]);
@@ -908,31 +932,28 @@ function InternalTextInput(props: Props): React.Node {
   }, [inputRef]);
 
   function clear(): void {
-    if (inputRef.current != null) {
+    if (AndroidTextInputCommands && inputRef.current != null) {
+      AndroidTextInputCommands.setTextAndSelection(
+        inputRef.current,
+        mostRecentEventCount,
+        '',
+        0,
+        0,
+      );
+    } else if (inputRef.current != null) {
       inputRef.current.setNativeProps({text: ''});
     }
   }
 
   // TODO: Fix this returning true on null === null, when no input is focused
   function isFocused(): boolean {
-    return (
-      TextInputState.currentlyFocusedField() ===
-      ReactNative.findNodeHandle(inputRef.current)
-    );
+    return TextInputState.currentlyFocusedInput() === inputRef.current;
   }
 
   function getNativeRef(): ?React.ElementRef<HostComponent<mixed>> {
     return inputRef.current;
   }
 
-  function _getText(): ?string {
-    return typeof props.value === 'string'
-      ? props.value
-      : typeof props.defaultValue === 'string'
-      ? props.defaultValue
-      : '';
-  }
-
   const _setNativeRef = setAndForwardRef({
     getForwardedRef: () => props.forwardedRef,
     setLocalRef: ref => {
@@ -975,9 +996,12 @@ function InternalTextInput(props: Props): React.Node {
   };
 
   const _onChange = (event: ChangeEvent) => {
-    // Make sure to fire the mostRecentEventCount first so it is already set on
-    // native when the text value is set.
-    if (inputRef.current) {
+    if (AndroidTextInputCommands && inputRef.current != null) {
+      // Do nothing
+    } else if (inputRef.current != null) {
+      // Make sure to fire the mostRecentEventCount first so it is already set on
+      // native when the text value is set.
+      // This is now only relevant on iOS until we migrate to ViewCommands everywhere
       inputRef.current.setNativeProps({
         mostRecentEventCount: event.nativeEvent.eventCount,
       });
@@ -987,36 +1011,44 @@ function InternalTextInput(props: Props): React.Node {
     props.onChange && props.onChange(event);
     props.onChangeText && props.onChangeText(text);
 
-    if (!inputRef.current) {
+    if (inputRef.current == null) {
       // calling `props.onChange` or `props.onChangeText`
       // may clean up the input itself. Exits here.
       return;
     }
 
     setLastNativeText(text);
+    // This must happen last, after we call setLastNativeText.
+    // Different ordering can cause bugs when editing AndroidTextInputs
+    // with multiple Fragments.
+    // We must update this so that controlled input updates work.
+    setMostRecentEventCount(event.nativeEvent.eventCount);
   };
 
   const _onSelectionChange = (event: SelectionChangeEvent) => {
     props.onSelectionChange && props.onSelectionChange(event);
 
-    if (!inputRef.current) {
+    if (inputRef.current == null) {
       // calling `props.onSelectionChange`
       // may clean up the input itself. Exits here.
       return;
     }
 
-    setLastNativeSelection(event.nativeEvent.selection);
+    setLastNativeSelection({
+      selection: event.nativeEvent.selection,
+      mostRecentEventCount,
+    });
   };
 
   const _onFocus = (event: FocusEvent) => {
-    TextInputState.focusField(ReactNative.findNodeHandle(inputRef.current));
+    TextInputState.focusInput(inputRef.current);
     if (props.onFocus) {
       props.onFocus(event);
     }
   };
 
   const _onBlur = (event: BlurEvent) => {
-    TextInputState.blurField(ReactNative.findNodeHandle(inputRef.current));
+    TextInputState.blurInput(inputRef.current);
     if (props.onBlur) {
       props.onBlur(event);
     }
@@ -1061,7 +1093,7 @@ function InternalTextInput(props: Props): React.Node {
         onSelectionChangeShouldSetResponder={emptyFunctionThatReturnsTrue}
         selection={selection}
         style={style}
-        text={_getText()}
+        text={text}
       />
     );
   } else if (Platform.OS === 'android') {
@@ -1087,15 +1119,17 @@ function InternalTextInput(props: Props): React.Node {
         autoCapitalize={autoCapitalize}
         children={children}
         disableFullscreenUI={props.disableFullscreenUI}
-        mostRecentEventCount={0}
+        mostRecentEventCount={mostRecentEventCount}
         onBlur={_onBlur}
         onChange={_onChange}
         onFocus={_onFocus}
+        /* $FlowFixMe the types for AndroidTextInput don't match up exactly
+         * with the props for TextInput. This will need to get fixed */
         onScroll={_onScroll}
         onSelectionChange={_onSelectionChange}
         selection={selection}
         style={style}
-        text={_getText()}
+        text={text}
         textBreakStrategy={props.textBreakStrategy}
       />
     );
@@ -1114,7 +1148,7 @@ function InternalTextInput(props: Props): React.Node {
         onSelectionChange={_onSelectionChange}
         onSelectionChangeShouldSetResponder={emptyFunctionThatReturnsTrue}
         selection={selection}
-        text={_getText()}
+        text={text}
       />
     );
   } // Windows]
@@ -1161,6 +1195,8 @@ ExportedForwardRef.propTypes = DeprecatedTextInputPropTypes;
 
 // $FlowFixMe
 ExportedForwardRef.State = {
+  currentlyFocusedInput: TextInputState.currentlyFocusedInput,
+
   currentlyFocusedField: TextInputState.currentlyFocusedField,
   focusTextInput: TextInputState.focusTextInput,
   blurTextInput: TextInputState.blurTextInput,
@@ -1168,6 +1204,7 @@ ExportedForwardRef.State = {
 
 type TextInputComponentStatics = $ReadOnly<{|
   State: $ReadOnly<{|
+    currentlyFocusedInput: typeof TextInputState.currentlyFocusedInput,
     currentlyFocusedField: typeof TextInputState.currentlyFocusedField,
     focusTextInput: typeof TextInputState.focusTextInput,
     blurTextInput: typeof TextInputState.blurTextInput,
diff --git a/vnext/src/Libraries/Components/TextInput/TextInputState.windows.js b/vnext/src/Libraries/Components/TextInput/TextInputState.windows.js
index b486d5ed49a..f9ec64c7c9a 100644
--- a/vnext/src/Libraries/Components/TextInput/TextInputState.windows.js
+++ b/vnext/src/Libraries/Components/TextInput/TextInputState.windows.js
@@ -14,29 +14,63 @@
 
 'use strict';
 
-const UIManager = require('../../ReactNative/UIManager');
+const React = require('react');
+const Platform = require('../../Utilities/Platform');
+const {findNodeHandle} = require('../../Renderer/shims/ReactNative');
+import {Commands as AndroidTextInputCommands} from '../../Components/TextInput/AndroidTextInputNativeComponent';
+import {Commands as iOSTextInputCommands} from '../../Components/TextInput/RCTSingelineTextInputNativeComponent';
 
-let currentlyFocusedID: ?number = null;
+import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import {UIManager} from 'react-native';
+type ComponentRef = React.ElementRef<HostComponent<mixed>>;
+
+let currentlyFocusedInputRef: ?ComponentRef = null;
 const inputs = new Set();
 
+function currentlyFocusedInput(): ?ComponentRef {
+  return currentlyFocusedInputRef;
+}
+
 /**
  * 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;
+  if (__DEV__) {
+    console.error(
+      'currentlyFocusedField is deprecated and will be removed in a future release. Use currentlyFocusedInput',
+    );
+  }
+
+  return findNodeHandle(currentlyFocusedInputRef);
+}
+
+function focusInput(textField: ?ComponentRef): void {
+  if (currentlyFocusedInputRef !== textField && textField != null) {
+    currentlyFocusedInputRef = textField;
+  }
+}
+
+function blurInput(textField: ?ComponentRef): void {
+  if (currentlyFocusedInputRef === textField && textField != null) {
+    currentlyFocusedInputRef = null;
+  }
 }
 
 function focusField(textFieldID: ?number): void {
-  if (currentlyFocusedID !== textFieldID && textFieldID != null) {
-    currentlyFocusedID = textFieldID;
+  if (__DEV__) {
+    console.error('focusField no longer works. Use focusInput');
   }
+
+  return;
 }
 
 function blurField(textFieldID: ?number) {
-  if (currentlyFocusedID === textFieldID && textFieldID != null) {
-    currentlyFocusedID = null;
+  if (__DEV__) {
+    console.error('blurField no longer works. Use blurInput');
   }
+
+  return;
 }
 
 /**
@@ -44,11 +78,33 @@ function blurField(textFieldID: ?number) {
  * Focuses the specified text field
  * noop if the text field was already focused
  */
-function focusTextInput(textFieldID: ?number) {
-  if (currentlyFocusedID !== textFieldID && textFieldID != null) {
-    // [Windows Replace Android/iOS check
-    focusField(textFieldID);
-    UIManager.focus(textFieldID);
+function focusTextInput(textField: ?ComponentRef) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'focusTextInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
+
+  if (currentlyFocusedInputRef !== textField && textField != null) {
+    focusInput(textField);
+    if (Platform.OS === 'ios') {
+      // This isn't necessarily a single line text input
+      // But commands don't actually care as long as the thing being passed in
+      // actually has a command with that name. So this should work with single
+      // and multiline text inputs. Ideally we'll merge them into one component
+      // in the future.
+      iOSTextInputCommands.focus(textField);
+    } else if (Platform.OS === 'android') {
+      AndroidTextInputCommands.focus(textField);
+    }
+    // [Windows
+    else if (Platform.OS === 'windows') {
+      UIManager.focus(findNodeHandle(textField));
+    }
     // Windows]
   }
 }
@@ -58,28 +114,83 @@ function focusTextInput(textFieldID: ?number) {
  * Unfocuses the specified text field
  * noop if it wasn't focused
  */
-function blurTextInput(textFieldID: ?number) {
-  if (currentlyFocusedID === textFieldID && textFieldID != null) {
-    // [Windows Replace Android/iOS check
-    blurField(textFieldID);
-    UIManager.blur(textFieldID);
+function blurTextInput(textField: ?ComponentRef) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'focusTextInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
+
+  if (currentlyFocusedInputRef === textField && textField != null) {
+    blurInput(textField);
+    if (Platform.OS === 'ios') {
+      // This isn't necessarily a single line text input
+      // But commands don't actually care as long as the thing being passed in
+      // actually has a command with that name. So this should work with single
+      // and multiline text inputs. Ideally we'll merge them into one component
+      // in the future.
+      iOSTextInputCommands.blur(textField);
+    } else if (Platform.OS === 'android') {
+      AndroidTextInputCommands.blur(textField);
+    }
+    // [Windows
+    else if (Platform.OS === 'windows') {
+      UIManager.blur(findNodeHandle(textField));
+    }
     // Windows]
   }
 }
 
-function registerInput(textFieldID: number) {
-  inputs.add(textFieldID);
+function registerInput(textField: ComponentRef) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'registerInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
+
+  inputs.add(textField);
 }
 
-function unregisterInput(textFieldID: number) {
-  inputs.delete(textFieldID);
+function unregisterInput(textField: ComponentRef) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'unregisterInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
+  inputs.delete(textField);
 }
 
-function isTextInput(textFieldID: number): boolean {
-  return inputs.has(textFieldID);
+function isTextInput(textField: ComponentRef): boolean {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'isTextInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return false;
+  }
+
+  return inputs.has(textField);
 }
 
 module.exports = {
+  currentlyFocusedInput,
+  focusInput,
+  blurInput,
+
   currentlyFocusedField,
   focusField,
   blurField,
diff --git a/vnext/src/Libraries/Components/Touchable/TouchableBounce.windows.js b/vnext/src/Libraries/Components/Touchable/TouchableBounce.windows.js
deleted file mode 100644
index e6415c89221..00000000000
--- a/vnext/src/Libraries/Components/Touchable/TouchableBounce.windows.js
+++ /dev/null
@@ -1,218 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-// [Windows Remove .js
-import Pressability from '../../Pressability/Pressability';
-import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import TVTouchable from './TVTouchable';
-import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
-// Windows]
-import {Animated, Platform} from 'react-native';
-import * as React from 'react';
-
-type Props = $ReadOnly<{|
-  ...React.ElementConfig<TouchableWithoutFeedback>,
-
-  onPressAnimationComplete?: ?() => void,
-  onPressWithCompletion?: ?(callback: () => void) => void,
-  releaseBounciness?: ?number,
-  releaseVelocity?: ?number,
-  style?: ?ViewStyleProp,
-
-  hostRef: React.Ref<typeof Animated.View>,
-|}>;
-
-type State = $ReadOnly<{|
-  pressability: Pressability,
-  scale: Animated.Value,
-|}>;
-
-class TouchableBounce extends React.Component<Props, State> {
-  _tvTouchable: ?TVTouchable;
-
-  state: State = {
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
-      getTouchSoundDisabled: () => this.props.touchSoundDisabled,
-      onBlur: event => {
-        if (Platform.isTV) {
-          this._bounceTo(1, 0.4, 0);
-        }
-        if (this.props.onBlur != null) {
-          this.props.onBlur(event);
-        }
-      },
-      onFocus: event => {
-        if (Platform.isTV) {
-          this._bounceTo(0.93, 0.1, 0);
-        }
-        if (this.props.onFocus != null) {
-          this.props.onFocus(event);
-        }
-      },
-      onLongPress: event => {
-        if (this.props.onLongPress != null) {
-          this.props.onLongPress(event);
-        }
-      },
-      onPress: event => {
-        const {onPressAnimationComplete, onPressWithCompletion} = this.props;
-        const releaseBounciness = this.props.releaseBounciness ?? 10;
-        const releaseVelocity = this.props.releaseVelocity ?? 10;
-
-        if (onPressWithCompletion != null) {
-          onPressWithCompletion(() => {
-            this.state.scale.setValue(0.93);
-            this._bounceTo(
-              1,
-              releaseVelocity,
-              releaseBounciness,
-              onPressAnimationComplete,
-            );
-          });
-          return;
-        }
-
-        this._bounceTo(
-          1,
-          releaseVelocity,
-          releaseBounciness,
-          onPressAnimationComplete,
-        );
-        if (this.props.onPress != null) {
-          this.props.onPress(event);
-        }
-      },
-      onPressIn: event => {
-        this._bounceTo(0.93, 0.1, 0);
-        if (this.props.onPressIn != null) {
-          this.props.onPressIn(event);
-        }
-      },
-      onPressOut: event => {
-        this._bounceTo(1, 0.4, 0);
-        if (this.props.onPressOut != null) {
-          this.props.onPressOut(event);
-        }
-      },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
-    scale: new Animated.Value(1),
-  };
-
-  _bounceTo(
-    toValue: number,
-    velocity: number,
-    bounciness: number,
-    callback?: ?() => void,
-  ) {
-    Animated.spring(this.state.scale, {
-      toValue,
-      velocity,
-      bounciness,
-      useNativeDriver: true,
-    }).start(callback);
-  }
-
-  render(): React.Node {
-    // BACKWARD-COMPATIBILITY: Focus and blur events were never supported before
-    // adopting `Pressability`, so preserve that behavior.
-    const {
-      onBlur,
-      onFocus,
-      ...eventHandlersWithoutBlurAndFocus
-    } = this.state.pressability.getEventHandlers();
-
-    return (
-      <Animated.View
-        style={[{transform: [{scale: this.state.scale}]}, this.props.style]}
-        accessible={this.props.accessible !== false}
-        accessibilityLabel={this.props.accessibilityLabel}
-        accessibilityHint={this.props.accessibilityHint}
-        accessibilityRole={this.props.accessibilityRole}
-        accessibilityState={this.props.accessibilityState}
-        accessibilityActions={this.props.accessibilityActions}
-        onAccessibilityAction={this.props.onAccessibilityAction}
-        accessibilityValue={this.props.accessibilityValue}
-        importantForAccessibility={this.props.importantForAccessibility}
-        accessibilityLiveRegion={this.props.accessibilityLiveRegion}
-        accessibilityViewIsModal={this.props.accessibilityViewIsModal}
-        accessibilityElementsHidden={this.props.accessibilityElementsHidden}
-        nativeID={this.props.nativeID}
-        testID={this.props.testID}
-        hitSlop={this.props.hitSlop}
-        focusable={
-          this.props.focusable !== false &&
-          this.props.onPress !== undefined &&
-          !this.props.disabled
-        }
-        ref={this.props.hostRef}
-        {...eventHandlersWithoutBlurAndFocus}>
-        {this.props.children}
-        {__DEV__ ? (
-          <PressabilityDebugView color="orange" hitSlop={this.props.hitSlop} />
-        ) : null}
-      </Animated.View>
-    );
-  }
-
-  componentDidMount(): void {
-    if (Platform.isTV) {
-      this._tvTouchable = new TVTouchable(this, {
-        getDisabled: () => this.props.disabled === true,
-        onBlur: event => {
-          if (this.props.onBlur != null) {
-            this.props.onBlur(event);
-          }
-        },
-        onFocus: event => {
-          if (this.props.onFocus != null) {
-            this.props.onFocus(event);
-          }
-        },
-        onPress: event => {
-          if (this.props.onPress != null) {
-            this.props.onPress(event);
-          }
-        },
-      });
-    }
-  }
-
-  componentWillUnmount(): void {
-    if (Platform.isTV) {
-      if (this._tvTouchable != null) {
-        this._tvTouchable.destroy();
-      }
-    }
-    this.state.pressability.reset();
-  }
-}
-
-module.exports = (React.forwardRef((props, hostRef) => (
-  <TouchableBounce {...props} hostRef={hostRef} />
-)): React.ComponentType<$ReadOnly<$Diff<Props, {|hostRef: mixed|}>>>);
diff --git a/vnext/src/Libraries/Components/Touchable/TouchableHighlight.windows.js b/vnext/src/Libraries/Components/Touchable/TouchableHighlight.windows.js
index 2e14386084a..407407d5c9e 100644
--- a/vnext/src/Libraries/Components/Touchable/TouchableHighlight.windows.js
+++ b/vnext/src/Libraries/Components/Touchable/TouchableHighlight.windows.js
@@ -10,14 +10,14 @@
 
 'use strict';
 
-// [Windows Remove .js
-import Pressability from '../../Pressability/Pressability';
+import Pressability, {
+  type PressabilityConfig,
+} from '../../Pressability/Pressability';
 import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
 import StyleSheet, {type ViewStyleProp} from '../../StyleSheet/StyleSheet';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import TVTouchable from './TVTouchable';
 import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
-// Windows]
 import Platform from '../../Utilities/Platform';
 import View from '../../Components/View/View';
 import * as React from 'react';
@@ -161,21 +161,21 @@ class TouchableHighlight extends React.Component<Props, State> {
   _tvTouchable: ?TVTouchable;
 
   state: State = {
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
-      getTouchSoundDisabled: () => this.props.touchSoundDisabled,
+    pressability: new Pressability(this._createPressabilityConfig()),
+    extraStyles:
+      this.props.testOnly_pressed === true ? this._createExtraStyles() : null,
+  };
+
+  _createPressabilityConfig(): PressabilityConfig {
+    return {
+      cancelable: !this.props.rejectResponderTermination,
+      disabled: this.props.disabled,
+      hitSlop: this.props.hitSlop,
+      delayLongPress: this.props.delayLongPress,
+      delayPressIn: this.props.delayPressIn,
+      delayPressOut: this.props.delayPressOut,
+      pressRectOffset: this.props.pressRetentionOffset,
+      android_disableSound: this.props.touchSoundDisabled,
       onBlur: event => {
         if (Platform.isTV) {
           this._hideUnderlay();
@@ -229,13 +229,8 @@ class TouchableHighlight extends React.Component<Props, State> {
           this.props.onPressOut(event);
         }
       },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
-    extraStyles:
-      this.props.testOnly_pressed === true ? this._createExtraStyles() : null,
-  };
+    };
+  }
 
   _createExtraStyles(): ExtraStyles {
     return {
@@ -379,6 +374,10 @@ class TouchableHighlight extends React.Component<Props, State> {
     }
   }
 
+  componentDidUpdate(prevProps: Props, prevState: State) {
+    this.state.pressability.configure(this._createPressabilityConfig());
+  }
+
   componentWillUnmount(): void {
     this._isMounted = false;
     if (this._hideTimeout != null) {
diff --git a/vnext/src/Libraries/Components/Touchable/TouchableNativeFeedback.windows.js b/vnext/src/Libraries/Components/Touchable/TouchableNativeFeedback.windows.js
deleted file mode 100644
index 027edf2c4d1..00000000000
--- a/vnext/src/Libraries/Components/Touchable/TouchableNativeFeedback.windows.js
+++ /dev/null
@@ -1,336 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-// [Windows Remove ".js"
-import Pressability from '../../Pressability/Pressability';
-import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
-import TVTouchable from './TVTouchable';
-import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
-// Windows]
-import {Commands} from 'react-native/Libraries/Components/View/ViewNativeComponent';
-import ReactNative from 'react-native/Libraries/Renderer/shims/ReactNative';
-import type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';
-import Platform from '../../Utilities/Platform';
-import View from '../../Components/View/View';
-import processColor from '../../StyleSheet/processColor';
-import * as React from 'react';
-
-type Props = $ReadOnly<{|
-  ...React.ElementConfig<TouchableWithoutFeedback>,
-
-  /**
-   * Determines the type of background drawable that's going to be used to
-   * display feedback. It takes an object with `type` property and extra data
-   * depending on the `type`. It's recommended to use one of the static
-   * methods to generate that dictionary.
-   */
-  background?: ?(
-    | $ReadOnly<{|
-        type: 'ThemeAttrAndroid',
-        attribute:
-          | 'selectableItemBackground'
-          | 'selectableItemBackgroundBorderless',
-      |}>
-    | $ReadOnly<{|
-        type: 'RippleAndroid',
-        color: ?number,
-        borderless: boolean,
-      |}>
-  ),
-
-  /**
-   * TV preferred focus (see documentation for the View component).
-   */
-  hasTVPreferredFocus?: ?boolean,
-
-  /**
-   * TV next focus down (see documentation for the View component).
-   */
-  nextFocusDown?: ?number,
-
-  /**
-   * TV next focus forward (see documentation for the View component).
-   */
-  nextFocusForward?: ?number,
-
-  /**
-   * TV next focus left (see documentation for the View component).
-   */
-  nextFocusLeft?: ?number,
-
-  /**
-   * TV next focus right (see documentation for the View component).
-   */
-  nextFocusRight?: ?number,
-
-  /**
-   * TV next focus up (see documentation for the View component).
-   */
-  nextFocusUp?: ?number,
-
-  /**
-   * Set to true to add the ripple effect to the foreground of the view, instead
-   * of the background. This is useful if one of your child views has a
-   * background of its own, or you're e.g. displaying images, and you don't want
-   * the ripple to be covered by them.
-   *
-   * Check TouchableNativeFeedback.canUseNativeForeground() first, as this is
-   * only available on Android 6.0 and above. If you try to use this on older
-   * versions, this will fallback to background.
-   */
-  useForeground?: ?boolean,
-|}>;
-
-type State = $ReadOnly<{|
-  pressability: Pressability,
-|}>;
-
-class TouchableNativeFeedback extends React.Component<Props, State> {
-  /**
-   * Creates a value for the `background` prop that uses the Android theme's
-   * default background for selectable elements.
-   */
-  static SelectableBackground: () => $ReadOnly<{|
-    attribute: 'selectableItemBackground',
-    type: 'ThemeAttrAndroid',
-  |}> = () => ({
-    type: 'ThemeAttrAndroid',
-    attribute: 'selectableItemBackground',
-  });
-
-  /**
-   * Creates a value for the `background` prop that uses the Android theme's
-   * default background for borderless selectable elements. Requires API 21+.
-   */
-  static SelectableBackgroundBorderless: () => $ReadOnly<{|
-    attribute: 'selectableItemBackgroundBorderless',
-    type: 'ThemeAttrAndroid',
-  |}> = () => ({
-    type: 'ThemeAttrAndroid',
-    attribute: 'selectableItemBackgroundBorderless',
-  });
-
-  /**
-   * Creates a value for the `background` prop that uses the Android ripple with
-   * the supplied color. If `borderless` is true, the ripple will render outside
-   * of the view bounds. Requires API 21+.
-   */
-  static Ripple: (
-    color: string,
-    borderless: boolean,
-  ) => $ReadOnly<{|
-    borderless: boolean,
-    color: ?number,
-    type: 'RippleAndroid',
-  |}> = (color: string, borderless: boolean) => ({
-    type: 'RippleAndroid',
-    // $FlowFixMe [Windows] We will never get NativeOrDynamicColor here
-    color: processColor(color),
-    borderless,
-  });
-
-  /**
-   * Whether `useForeground` is supported.
-   */
-  static canUseNativeForeground: () => boolean = () =>
-    Platform.OS === 'android' && Platform.Version >= 23;
-
-  _tvTouchable: ?TVTouchable;
-
-  state: State = {
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
-      getTouchSoundDisabled: () => this.props.touchSoundDisabled,
-      onLongPress: event => {
-        if (this.props.onLongPress != null) {
-          this.props.onLongPress(event);
-        }
-      },
-      onPress: event => {
-        if (this.props.onPress != null) {
-          this.props.onPress(event);
-        }
-      },
-      onPressIn: event => {
-        if (Platform.OS === 'android') {
-          this._dispatchPressedStateChange(true);
-          this._dispatchHotspotUpdate(event);
-        }
-        if (this.props.onPressIn != null) {
-          this.props.onPressIn(event);
-        }
-      },
-      onPressMove: event => {
-        if (Platform.OS === 'android') {
-          this._dispatchHotspotUpdate(event);
-        }
-      },
-      onPressOut: event => {
-        if (Platform.OS === 'android') {
-          this._dispatchPressedStateChange(false);
-        }
-        if (this.props.onPressOut != null) {
-          this.props.onPressOut(event);
-        }
-      },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
-  };
-
-  _dispatchPressedStateChange(pressed: boolean): void {
-    if (Platform.OS === 'android') {
-      const hostComponentRef = ReactNative.findHostInstance_DEPRECATED(this);
-      if (hostComponentRef == null) {
-        console.warn(
-          'Touchable: Unable to find HostComponent instance. ' +
-            'Has your Touchable component been unmounted?',
-        );
-      } else {
-        Commands.setPressed(hostComponentRef, pressed);
-      }
-    }
-  }
-
-  _dispatchHotspotUpdate(event: PressEvent): void {
-    if (Platform.OS === 'android') {
-      const {locationX, locationY} = event.nativeEvent;
-      const hostComponentRef = ReactNative.findHostInstance_DEPRECATED(this);
-      if (hostComponentRef == null) {
-        console.warn(
-          'Touchable: Unable to find HostComponent instance. ' +
-            'Has your Touchable component been unmounted?',
-        );
-      } else {
-        Commands.hotspotUpdate(
-          hostComponentRef,
-          locationX ?? 0,
-          locationY ?? 0,
-        );
-      }
-    }
-  }
-
-  render(): React.Node {
-    const element = React.Children.only(this.props.children);
-    const children = [element.props.children];
-    if (__DEV__) {
-      if (element.type === View) {
-        children.push(
-          <PressabilityDebugView color="brown" hitSlop={this.props.hitSlop} />,
-        );
-      }
-    }
-
-    // BACKWARD-COMPATIBILITY: Focus and blur events were never supported before
-    // adopting `Pressability`, so preserve that behavior.
-    const {
-      onBlur,
-      onFocus,
-      ...eventHandlersWithoutBlurAndFocus
-    } = this.state.pressability.getEventHandlers();
-
-    return React.cloneElement(
-      element,
-      {
-        ...eventHandlersWithoutBlurAndFocus,
-        ...getBackgroundProp(
-          this.props.background === undefined
-            ? TouchableNativeFeedback.SelectableBackground()
-            : this.props.background,
-          this.props.useForeground === true,
-        ),
-        accessible: this.props.accessible !== false,
-        accessibilityLabel: this.props.accessibilityLabel,
-        accessibilityRole: this.props.accessibilityRole,
-        accessibilityState: this.props.accessibilityState,
-        accessibilityActions: this.props.accessibilityActions,
-        onAccessibilityAction: this.props.onAccessibilityAction,
-        accessibilityValue: this.props.accessibilityValue,
-        importantForAccessibility: this.props.importantForAccessibility,
-        accessibilityLiveRegion: this.props.accessibilityLiveRegion,
-        accessibilityViewIsModal: this.props.accessibilityViewIsModal,
-        accessibilityElementsHidden: this.props.accessibilityElementsHidden,
-        hasTVPreferredFocus: this.props.hasTVPreferredFocus,
-        hitSlop: this.props.hitSlop,
-        focusable:
-          this.props.focusable !== false &&
-          this.props.onPress !== undefined &&
-          !this.props.disabled,
-        nativeID: this.props.nativeID,
-        nextFocusDown: this.props.nextFocusDown,
-        nextFocusForward: this.props.nextFocusForward,
-        nextFocusLeft: this.props.nextFocusLeft,
-        nextFocusRight: this.props.nextFocusRight,
-        nextFocusUp: this.props.nextFocusUp,
-        onLayout: this.props.onLayout,
-        testID: this.props.testID,
-      },
-      ...children,
-    );
-  }
-
-  componentDidMount(): void {
-    if (Platform.isTV) {
-      this._tvTouchable = new TVTouchable(this, {
-        getDisabled: () => this.props.disabled === true,
-        onBlur: event => {
-          if (this.props.onBlur != null) {
-            this.props.onBlur(event);
-          }
-        },
-        onFocus: event => {
-          if (this.props.onFocus != null) {
-            this.props.onFocus(event);
-          }
-        },
-        onPress: event => {
-          if (this.props.onPress != null) {
-            this.props.onPress(event);
-          }
-        },
-      });
-    }
-  }
-
-  componentWillUnmount(): void {
-    if (Platform.isTV) {
-      if (this._tvTouchable != null) {
-        this._tvTouchable.destroy();
-      }
-    }
-    this.state.pressability.reset();
-  }
-}
-
-const getBackgroundProp =
-  Platform.OS === 'android'
-    ? (background, useForeground) =>
-        useForeground && TouchableNativeFeedback.canUseNativeForeground()
-          ? {nativeForegroundAndroid: background}
-          : {nativeBackgroundAndroid: background}
-    : (background, useForeground) => null;
-
-module.exports = TouchableNativeFeedback;
diff --git a/vnext/src/Libraries/Components/Touchable/TouchableOpacity.windows.js b/vnext/src/Libraries/Components/Touchable/TouchableOpacity.windows.js
index 35d5339180f..33467a804db 100644
--- a/vnext/src/Libraries/Components/Touchable/TouchableOpacity.windows.js
+++ b/vnext/src/Libraries/Components/Touchable/TouchableOpacity.windows.js
@@ -10,12 +10,12 @@
 
 'use strict';
 
-// [Windows remove .js
-import Pressability from '../../Pressability/Pressability';
+import Pressability, {
+  type PressabilityConfig,
+} from '../../Pressability/Pressability';
 import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
 import TVTouchable from './TVTouchable';
 import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
-// Windows]
 import Animated from 'react-native/Libraries/Animated/src/Animated';
 import Easing from 'react-native/Libraries/Animated/src/Easing';
 import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
@@ -136,20 +136,18 @@ class TouchableOpacity extends React.Component<Props, State> {
 
   state: State = {
     anim: new Animated.Value(this._getChildStyleOpacityWithDefault()),
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
+    pressability: new Pressability(this._createPressabilityConfig()),
+  };
+
+  _createPressabilityConfig(): PressabilityConfig {
+    return {
+      cancelable: !this.props.rejectResponderTermination,
+      disabled: this.props.disabled,
+      hitSlop: this.props.hitSlop,
+      delayLongPress: this.props.delayLongPress,
+      delayPressIn: this.props.delayPressIn,
+      delayPressOut: this.props.delayPressOut,
+      pressRectOffset: this.props.pressRetentionOffset,
       onBlur: event => {
         if (Platform.isTV) {
           this._opacityInactive(250);
@@ -166,16 +164,8 @@ class TouchableOpacity extends React.Component<Props, State> {
           this.props.onFocus(event);
         }
       },
-      onLongPress: event => {
-        if (this.props.onLongPress != null) {
-          this.props.onLongPress(event);
-        }
-      },
-      onPress: event => {
-        if (this.props.onPress != null) {
-          this.props.onPress(event);
-        }
-      },
+      onLongPress: this.props.onLongPress,
+      onPress: this.props.onPress,
       onPressIn: event => {
         this._opacityActive(
           event.dispatchConfig.registrationName === 'onResponderGrant'
@@ -192,11 +182,8 @@ class TouchableOpacity extends React.Component<Props, State> {
           this.props.onPressOut(event);
         }
       },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
-  };
+    };
+  }
 
   /**
    * Animate the touchable to a new opacity.
@@ -308,6 +295,7 @@ class TouchableOpacity extends React.Component<Props, State> {
   }
 
   componentDidUpdate(prevProps: Props, prevState: State) {
+    this.state.pressability.configure(this._createPressabilityConfig());
     if (this.props.disabled !== prevProps.disabled) {
       this._opacityInactive(250);
     }
diff --git a/vnext/src/Libraries/Components/Touchable/TouchableWithoutFeedback.windows.js b/vnext/src/Libraries/Components/Touchable/TouchableWithoutFeedback.windows.js
index bcd4de3adba..bb375e82310 100644
--- a/vnext/src/Libraries/Components/Touchable/TouchableWithoutFeedback.windows.js
+++ b/vnext/src/Libraries/Components/Touchable/TouchableWithoutFeedback.windows.js
@@ -10,11 +10,11 @@
 
 'use strict';
 
-// [Windows Remove .js
-import Pressability from '../../Pressability/Pressability';
+import Pressability, {
+  type PressabilityConfig,
+} from '../../Pressability/Pressability';
 import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
 import TVTouchable from './TVTouchable';
-// Windows]
 import type {
   AccessibilityActionEvent,
   AccessibilityActionInfo,
@@ -112,55 +112,7 @@ class TouchableWithoutFeedback extends React.Component<Props, State> {
   _tvTouchable: ?TVTouchable;
 
   state: State = {
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
-      getTouchSoundDisabled: () => this.props.touchSoundDisabled,
-      onBlur: event => {
-        if (this.props.onBlur != null) {
-          this.props.onBlur(event);
-        }
-      },
-      onFocus: event => {
-        if (this.props.onFocus != null) {
-          this.props.onFocus(event);
-        }
-      },
-      onLongPress: event => {
-        if (this.props.onLongPress != null) {
-          this.props.onLongPress(event);
-        }
-      },
-      onPress: event => {
-        if (this.props.onPress != null) {
-          this.props.onPress(event);
-        }
-      },
-      onPressIn: event => {
-        if (this.props.onPressIn != null) {
-          this.props.onPressIn(event);
-        }
-      },
-      onPressOut: event => {
-        if (this.props.onPressOut != null) {
-          this.props.onPressOut(event);
-        }
-      },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
+    pressability: new Pressability(createPressabilityConfig(this.props)),
   };
 
   render(): React.Node {
@@ -224,6 +176,10 @@ class TouchableWithoutFeedback extends React.Component<Props, State> {
     }
   }
 
+  componentDidUpdate(): void {
+    this.state.pressability.configure(createPressabilityConfig(this.props));
+  }
+
   componentWillUnmount(): void {
     if (Platform.isTV) {
       if (this._tvTouchable != null) {
@@ -234,4 +190,23 @@ class TouchableWithoutFeedback extends React.Component<Props, State> {
   }
 }
 
+function createPressabilityConfig(props: Props): PressabilityConfig {
+  return {
+    cancelable: !props.rejectResponderTermination,
+    disabled: props.disabled,
+    hitSlop: props.hitSlop,
+    delayLongPress: props.delayLongPress,
+    delayPressIn: props.delayPressIn,
+    delayPressOut: props.delayPressOut,
+    pressRectOffset: props.pressRetentionOffset,
+    android_disableSound: props.touchSoundDisabled,
+    onBlur: props.onBlur,
+    onFocus: props.onFocus,
+    onLongPress: props.onLongPress,
+    onPress: props.onPress,
+    onPressIn: props.onPressIn,
+    onPressOut: props.onPressOut,
+  };
+}
+
 module.exports = TouchableWithoutFeedback;
diff --git a/vnext/src/Libraries/Components/View/ReactNativeViewViewConfig.windows.js b/vnext/src/Libraries/Components/View/ReactNativeViewViewConfig.windows.js
index 62680847d37..33a7bad0e91 100644
--- a/vnext/src/Libraries/Components/View/ReactNativeViewViewConfig.windows.js
+++ b/vnext/src/Libraries/Components/View/ReactNativeViewViewConfig.windows.js
@@ -10,7 +10,7 @@
 
 'use strict';
 import ReactNativeViewViewConfigAndroid from './ReactNativeViewViewConfigAndroid';
-import {Platform} from 'react-native'; // from facebook:master d204541
+import {Platform} from 'react-native';
 
 const ReactNativeViewConfig = {
   uiViewClassName: 'RCTView',
@@ -340,7 +340,7 @@ const ReactNativeViewConfig = {
       textTransform: true,
       tintColor: {process: require('../../StyleSheet/processColor')},
       top: true,
-      transform: ((Platform.OS === 'ios' // from facebook:master d204541
+      transform: ((Platform.OS === 'ios'
         ? {diff: require('../../Utilities/differ/matricesDiffer')}
         : {process: require('../../StyleSheet/processTransform')}): any),
       transformMatrix: true,
@@ -352,7 +352,7 @@ const ReactNativeViewConfig = {
     },
     testID: true,
     top: true,
-    transform: ((Platform.OS === 'ios' // from facebook:master d204541
+    transform: ((Platform.OS === 'ios'
       ? {diff: require('../../Utilities/differ/matricesDiffer')}
       : {process: require('../../StyleSheet/processTransform')}): any),
     translateX: true,
diff --git a/vnext/src/Libraries/Components/View/ViewPropTypes.windows.js b/vnext/src/Libraries/Components/View/ViewPropTypes.windows.js
index 8a50a858811..fc17deebdec 100644
--- a/vnext/src/Libraries/Components/View/ViewPropTypes.windows.js
+++ b/vnext/src/Libraries/Components/View/ViewPropTypes.windows.js
@@ -50,7 +50,7 @@ type DirectEventProps = $ReadOnly<{|
    * When `accessible` is true, the system will try to invoke this function
    * when the user performs accessibility tap gesture.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onaccessibilitytap
+   * See https://reactnative.dev/docs/view.html#onaccessibilitytap
    */
   onAccessibilityTap?: ?() => mixed,
 
@@ -63,7 +63,7 @@ type DirectEventProps = $ReadOnly<{|
    * the new layout may not yet be reflected on the screen at the time the
    * event is received, especially if a layout animation is in progress.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onlayout
+   * See https://reactnative.dev/docs/view.html#onlayout
    */
   onLayout?: ?(event: LayoutEvent) => mixed,
 
@@ -71,7 +71,7 @@ type DirectEventProps = $ReadOnly<{|
    * When `accessible` is `true`, the system will invoke this function when the
    * user performs the magic tap gesture.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onmagictap
+   * See https://reactnative.dev/docs/view.html#onmagictap
    */
   onMagicTap?: ?() => mixed,
 
@@ -79,7 +79,7 @@ type DirectEventProps = $ReadOnly<{|
    * When `accessible` is `true`, the system will invoke this function when the
    * user performs the escape gesture.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onaccessibilityescape
+   * See https://reactnative.dev/docs/view.html#onaccessibilityescape
    */
   onAccessibilityEscape?: ?() => mixed,
 |}>;
@@ -113,7 +113,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onMoveShouldSetResponder: (event) => [true | false]`, where
    * `event` is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onmoveshouldsetresponder
+   * See https://reactnative.dev/docs/view.html#onmoveshouldsetresponder
    */
   onMoveShouldSetResponder?: ?(e: PressEvent) => boolean,
 
@@ -124,7 +124,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onMoveShouldSetResponderCapture: (event) => [true | false]`,
    * where `event` is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onMoveShouldsetrespondercapture
+   * See https://reactnative.dev/docs/view.html#onMoveShouldsetrespondercapture
    */
   onMoveShouldSetResponderCapture?: ?(e: PressEvent) => boolean,
 
@@ -138,7 +138,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * PanResponder includes a note `// TODO: t7467124 investigate if this can be removed` that
    * should help fixing this return type.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onrespondergrant
+   * See https://reactnative.dev/docs/view.html#onrespondergrant
    */
   onResponderGrant?: ?(e: PressEvent) => void | boolean,
 
@@ -148,7 +148,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onResponderMove: (event) => {}`, where `event` is a synthetic
    * touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onrespondermove
+   * See https://reactnative.dev/docs/view.html#onrespondermove
    */
   onResponderMove?: ?(e: PressEvent) => void,
 
@@ -159,7 +159,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onResponderReject: (event) => {}`, where `event` is a
    * synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderreject
+   * See https://reactnative.dev/docs/view.html#onresponderreject
    */
   onResponderReject?: ?(e: PressEvent) => void,
 
@@ -169,7 +169,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onResponderRelease: (event) => {}`, where `event` is a
    * synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderrelease
+   * See https://reactnative.dev/docs/view.html#onresponderrelease
    */
   onResponderRelease?: ?(e: PressEvent) => void,
 
@@ -185,7 +185,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onResponderTerminate: (event) => {}`, where `event` is a
    * synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderterminate
+   * See https://reactnative.dev/docs/view.html#onresponderterminate
    */
   onResponderTerminate?: ?(e: PressEvent) => void,
 
@@ -196,7 +196,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onResponderTerminationRequest: (event) => {}`, where `event`
    * is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderterminationrequest
+   * See https://reactnative.dev/docs/view.html#onresponderterminationrequest
    */
   onResponderTerminationRequest?: ?(e: PressEvent) => boolean,
 
@@ -206,7 +206,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onStartShouldSetResponder: (event) => [true | false]`, where
    * `event` is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onstartshouldsetresponder
+   * See https://reactnative.dev/docs/view.html#onstartshouldsetresponder
    */
   onStartShouldSetResponder?: ?(e: PressEvent) => boolean,
 
@@ -217,7 +217,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onStartShouldSetResponderCapture: (event) => [true | false]`,
    * where `event` is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onstartshouldsetrespondercapture
+   * See https://reactnative.dev/docs/view.html#onstartshouldsetrespondercapture
    */
   onStartShouldSetResponderCapture?: ?(e: PressEvent) => boolean,
 |}>;
@@ -245,7 +245,7 @@ type AndroidViewProps = $ReadOnly<{|
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#rendertohardwaretextureandroid
+   * See https://reactnative.dev/docs/view.html#rendertohardwaretextureandroid
    */
   renderToHardwareTextureAndroid?: ?boolean,
 
@@ -257,7 +257,7 @@ type AndroidViewProps = $ReadOnly<{|
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#collapsable
+   * See https://reactnative.dev/docs/view.html#collapsable
    */
   collapsable?: ?boolean,
 
@@ -267,7 +267,7 @@ type AndroidViewProps = $ReadOnly<{|
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#needsoffscreenalphacompositing
+   * See https://reactnative.dev/docs/view.html#needsoffscreenalphacompositing
    */
   needsOffscreenAlphaCompositing?: ?boolean,
 
@@ -277,7 +277,7 @@ type AndroidViewProps = $ReadOnly<{|
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityliveregion
+   * See https://reactnative.dev/docs/view.html#accessibilityliveregion
    */
   accessibilityLiveRegion?: ?('none' | 'polite' | 'assertive'),
 
@@ -288,7 +288,7 @@ type AndroidViewProps = $ReadOnly<{|
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#importantforaccessibility
+   * See https://reactnative.dev/docs/view.html#importantforaccessibility
    */
   importantForAccessibility?: ?('auto' | 'yes' | 'no' | 'no-hide-descendants'),
 
@@ -364,7 +364,7 @@ type IOSViewProps = $ReadOnly<{|
    *
    * @platform ios
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityviewismodal
+   * See https://reactnative.dev/docs/view.html#accessibilityviewismodal
    */
   accessibilityViewIsModal?: ?boolean,
 
@@ -374,7 +374,7 @@ type IOSViewProps = $ReadOnly<{|
    *
    * @platform ios
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityElementsHidden
+   * See https://reactnative.dev/docs/view.html#accessibilityElementsHidden
    */
   accessibilityElementsHidden?: ?boolean,
 
@@ -383,7 +383,7 @@ type IOSViewProps = $ReadOnly<{|
    *
    * @platform ios
    *
-   * See http://facebook.github.io/react-native/docs/view.html#shouldrasterizeios
+   * See https://reactnative.dev/docs/view.html#shouldrasterizeios
    */
   shouldRasterizeIOS?: ?boolean,
 |}>;
@@ -456,7 +456,7 @@ export type ViewProps = $ReadOnly<{|
    * When `true`, indicates that the view is an accessibility element.
    * By default, all the touchable elements are accessible.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessible
+   * See https://reactnative.dev/docs/view.html#accessible
    */
   accessible?: ?boolean,
 
@@ -465,7 +465,7 @@ export type ViewProps = $ReadOnly<{|
    * with the element. By default, the label is constructed by traversing all
    * the children and accumulating all the `Text` nodes separated by space.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilitylabel
+   * See https://reactnative.dev/docs/view.html#accessibilitylabel
    */
   accessibilityLabel?: ?Stringish,
 
@@ -475,7 +475,7 @@ export type ViewProps = $ReadOnly<{|
    * accessibility label.
    *
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityHint
+   * See https://reactnative.dev/docs/view.html#accessibilityHint
    */
   accessibilityHint?: ?Stringish,
 
@@ -501,7 +501,7 @@ export type ViewProps = $ReadOnly<{|
    *
    * > This disables the 'layout-only view removal' optimization for this view!
    *
-   * See http://facebook.github.io/react-native/docs/view.html#testid
+   * See https://reactnative.dev/docs/view.html#testid
    */
   testID?: ?string,
 
@@ -510,7 +510,7 @@ export type ViewProps = $ReadOnly<{|
    *
    * > This disables the 'layout-only view removal' optimization for this view!
    *
-   * See http://facebook.github.io/react-native/docs/view.html#nativeid
+   * See https://reactnative.dev/docs/view.html#nativeid
    */
   nativeID?: ?string,
 
@@ -523,14 +523,14 @@ export type ViewProps = $ReadOnly<{|
    * > of sibling views always takes precedence if a touch hits two overlapping
    * > views.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#hitslop
+   * See https://reactnative.dev/docs/view.html#hitslop
    */
   hitSlop?: ?EdgeInsetsProp,
 
   /**
    * Controls whether the `View` can be the target of touch events.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#pointerevents
+   * See https://reactnative.dev/docs/view.html#pointerevents
    */
   pointerEvents?: ?('auto' | 'box-none' | 'box-only' | 'none'),
 
@@ -542,7 +542,7 @@ export type ViewProps = $ReadOnly<{|
    * subviews must also have `overflow: hidden`, as should the containing view
    * (or one of its superviews).
    *
-   * See http://facebook.github.io/react-native/docs/view.html#removeclippedsubviews
+   * See https://reactnative.dev/docs/view.html#removeclippedsubviews
    */
   removeClippedSubviews?: ?boolean,
 |}>;
diff --git a/vnext/src/Libraries/Image/Image.windows.js b/vnext/src/Libraries/Image/Image.windows.js
index 5cd788918f7..22b28309076 100644
--- a/vnext/src/Libraries/Image/Image.windows.js
+++ b/vnext/src/Libraries/Image/Image.windows.js
@@ -23,7 +23,7 @@ import type {ImageProps as ImagePropsType} from './ImageProps';
 import type {ImageStyleProp} from '../StyleSheet/StyleSheet';
 import NativeImageLoaderIOS from './NativeImageLoaderIOS';
 
-const RCTImageView = require('./ImageViewNativeComponent');
+import ImageViewNativeComponent from './ImageViewNativeComponent';
 
 function getSize(
   uri: string,
@@ -82,7 +82,7 @@ type ImageComponentStatics = $ReadOnly<{|
  * including network images, static resources, temporary local images, and
  * images from local disk, such as the camera roll.
  *
- * See https://facebook.github.io/react-native/docs/image.html
+ * See https://reactnative.dev/docs/image.html
  */
 let Image = (props: ImagePropsType, forwardedRef) => {
   const source = resolveAssetSource(props.source) || {
@@ -124,7 +124,7 @@ let Image = (props: ImagePropsType, forwardedRef) => {
   }
 
   return (
-    <RCTImageView
+    <ImageViewNativeComponent
       {...props}
       ref={forwardedRef}
       style={style}
@@ -135,15 +135,16 @@ let Image = (props: ImagePropsType, forwardedRef) => {
   );
 };
 
-Image = React.forwardRef<ImagePropsType, React.ElementRef<typeof RCTImageView>>(
-  Image,
-);
+Image = React.forwardRef<
+  ImagePropsType,
+  React.ElementRef<typeof ImageViewNativeComponent>,
+>(Image);
 Image.displayName = 'Image';
 
 /**
  * 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
+ * See https://reactnative.dev/docs/image.html#getsize
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_ios_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -154,7 +155,7 @@ Image.getSize = getSize;
  * Retrieve the width and height (in pixels) of an image prior to displaying it
  * with the ability to provide the headers for the request.
  *
- * See https://facebook.github.io/react-native/docs/image.html#getsizewithheaders
+ * See https://reactnative.dev/docs/image.html#getsizewithheaders
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_ios_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -165,7 +166,7 @@ Image.getSizeWithHeaders = getSizeWithHeaders;
  * 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
+ * See https://reactnative.dev/docs/image.html#prefetch
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_ios_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -175,7 +176,7 @@ Image.prefetch = prefetch;
 /**
  * Performs cache interrogation.
  *
- *  See https://facebook.github.io/react-native/docs/image.html#querycache
+ *  See https://reactnative.dev/docs/image.html#querycache
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_ios_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -185,7 +186,7 @@ Image.queryCache = queryCache;
 /**
  * Resolves an asset reference into an object.
  *
- * See https://facebook.github.io/react-native/docs/image.html#resolveassetsource
+ * See https://reactnative.dev/docs/image.html#resolveassetsource
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_ios_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -205,6 +206,6 @@ const styles = StyleSheet.create({
 
 module.exports = ((Image: any): React.AbstractComponent<
   ImagePropsType,
-  React.ElementRef<typeof RCTImageView>,
+  React.ElementRef<typeof ImageViewNativeComponent>,
 > &
   ImageComponentStatics);
diff --git a/vnext/src/Libraries/Inspector/Inspector.windesktop.js b/vnext/src/Libraries/Inspector/Inspector.windesktop.js
deleted file mode 100644
index e1fbb2fa23b..00000000000
--- a/vnext/src/Libraries/Inspector/Inspector.windesktop.js
+++ /dev/null
@@ -1,308 +0,0 @@
-/**
- * Copyright (c) Microsoft, Inc. and its affiliates.
- *
- * 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 InspectorOverlay = require('./InspectorOverlay');
-const InspectorPanel = require('./InspectorPanel');
-const Platform = require('../Utilities/Platform');
-const React = require('react');
-const ReactNative = require('../Renderer/shims/ReactNative');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Touchable = require('../Components/Touchable/Touchable');
-const UIManager = require('../ReactNative/UIManager');
-const View = require('../Components/View/View');
-
-const invariant = require('invariant');
-
-export type ReactRenderer = {
-  getInspectorDataForViewTag: (viewTag: number) => Object,
-  ...
-};
-
-const hook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-const renderers = findRenderers();
-
-// Required for React DevTools to view/edit React Native styles in Flipper.
-// Flipper doesn't inject these values when initializing DevTools.
-hook.resolveRNStyle = require('../StyleSheet/flattenStyle');
-const viewConfig = require('../Components/View/ReactNativeViewViewConfig'); // [Windows] Remove ".js"
-hook.nativeStyleEditorValidAttributes = Object.keys(
-  viewConfig.validAttributes.style,
-);
-
-function findRenderers(): $ReadOnlyArray<ReactRenderer> {
-  const allRenderers = Array.from(hook.renderers.values());
-  invariant(
-    allRenderers.length >= 1,
-    'Expected to find at least one React Native renderer on DevTools hook.',
-  );
-  return allRenderers;
-}
-
-function getInspectorDataForViewTag(touchedViewTag: number) {
-  for (let i = 0; i < renderers.length; i++) {
-    const renderer = renderers[i];
-    if (
-      Object.prototype.hasOwnProperty.call(
-        renderer,
-        'getInspectorDataForViewTag',
-      )
-    ) {
-      const inspectorData = renderer.getInspectorDataForViewTag(touchedViewTag);
-      if (inspectorData.hierarchy.length > 0) {
-        return inspectorData;
-      }
-    }
-  }
-  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: boolean,
-    selection: ?number,
-    perfing: boolean,
-    inspected: any,
-    inspectedViewTag: any,
-    networking: boolean,
-    ...
-  },
-> {
-  _hideTimeoutID: TimeoutID | null = null;
-  _subs: ?Array<() => void>;
-
-  constructor(props: Object) {
-    super(props);
-
-    this.state = {
-      devtoolsAgent: null,
-      hierarchy: null,
-      panelPos: 'bottom',
-      inspecting: true,
-      perfing: false,
-      inspected: null,
-      selection: null,
-      inspectedViewTag: this.props.inspectedViewTag,
-      networking: false,
-    };
-  }
-
-  componentDidMount() {
-    hook.on('react-devtools', this._attachToDevtools);
-    // if devtools is already started
-    if (hook.reactDevtoolsAgent) {
-      this._attachToDevtools(hook.reactDevtoolsAgent);
-    }
-  }
-
-  componentWillUnmount() {
-    if (this._subs) {
-      this._subs.map(fn => fn());
-    }
-    hook.off('react-devtools', this._attachToDevtools);
-  }
-
-  UNSAFE_componentWillReceiveProps(newProps: Object) {
-    this.setState({inspectedViewTag: newProps.inspectedViewTag});
-  }
-
-  _attachToDevtools = (agent: Object) => {
-    agent.addListener('hideNativeHighlight', this._onAgentHideNativeHighlight);
-    agent.addListener('showNativeHighlight', this._onAgentShowNativeHighlight);
-    agent.addListener('shutdown', this._onAgentShutdown);
-
-    this.setState({
-      devtoolsAgent: agent,
-    });
-  };
-
-  _onAgentHideNativeHighlight = () => {
-    if (this.state.inspected === null) {
-      return;
-    }
-    // we wait to actually hide in order to avoid flicker
-    this._hideTimeoutID = setTimeout(() => {
-      this.setState({
-        inspected: null,
-      });
-    }, 100);
-  };
-
-  _onAgentShowNativeHighlight = node => {
-    clearTimeout(this._hideTimeoutID);
-
-    if (typeof node !== 'number') {
-      node = ReactNative.findNodeHandle(node);
-    }
-
-    UIManager.measure(node, (x, y, width, height, left, top) => {
-      this.setState({
-        hierarchy: [],
-        inspected: {
-          frame: {left, top, width, height},
-        },
-      });
-    });
-  };
-
-  _onAgentShutdown = () => {
-    const agent = this.state.devtoolsAgent;
-    if (agent != null) {
-      agent.removeListener(
-        'hideNativeHighlight',
-        this._onAgentHideNativeHighlight,
-      );
-      agent.removeListener(
-        'showNativeHighlight',
-        this._onAgentShowNativeHighlight,
-      );
-      agent.removeListener('shutdown', this._onAgentShutdown);
-
-      this.setState({devtoolsAgent: null});
-    }
-  };
-
-  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,
-    );
-
-    measure((x, y, width, height, left, top) => {
-      this.setState({
-        inspected: {
-          frame: {left, top, width, height},
-          style: props.style,
-          source,
-        },
-        selection: i,
-      });
-    });
-  }
-
-  onTouchViewTag(touchedViewTag: number, frame: Object, pointerY: number) {
-    // 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,
-    );
-
-    if (this.state.devtoolsAgent) {
-      // Skip host leafs
-      this.state.devtoolsAgent.selectNode(touchedViewTag);
-    }
-
-    this.setState({
-      panelPos: 'bottom',
-      selection,
-      hierarchy,
-      inspected: {
-        style: props.style,
-        frame,
-        source,
-      },
-    });
-  }
-
-  setPerfing(val: boolean) {
-    this.setState({
-      perfing: val,
-      inspecting: false,
-      inspected: null,
-      networking: false,
-    });
-  }
-
-  setInspecting(val: boolean) {
-    this.setState({
-      inspecting: val,
-      inspected: null,
-    });
-  }
-
-  setTouchTargeting(val: boolean) {
-    Touchable.TOUCH_TARGET_DEBUG = val;
-    this.props.onRequestRerenderApp(inspectedViewTag => {
-      this.setState({inspectedViewTag});
-    });
-  }
-
-  setNetworking(val: boolean) {
-    this.setState({
-      networking: val,
-      perfing: false,
-      inspecting: false,
-      inspected: null,
-    });
-  }
-
-  render(): React.Node {
-    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 && (
-          <InspectorOverlay
-            inspected={this.state.inspected}
-            inspectedViewTag={this.state.inspectedViewTag}
-            onTouchViewTag={this.onTouchViewTag.bind(this)}
-          />
-        )}
-        <View style={[styles.panelContainer, panelContainerStyle]}>
-          <InspectorPanel
-            devtoolsIsOpen={!!this.state.devtoolsAgent}
-            inspecting={this.state.inspecting}
-            perfing={this.state.perfing}
-            setPerfing={this.setPerfing.bind(this)}
-            setInspecting={this.setInspecting.bind(this)}
-            inspected={this.state.inspected}
-            hierarchy={this.state.hierarchy}
-            selection={this.state.selection}
-            setSelection={this.setSelection.bind(this)}
-            touchTargeting={Touchable.TOUCH_TARGET_DEBUG}
-            setTouchTargeting={this.setTouchTargeting.bind(this)}
-            networking={this.state.networking}
-            setNetworking={this.setNetworking.bind(this)}
-          />
-        </View>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    position: 'absolute',
-    backgroundColor: 'transparent',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-  },
-  panelContainer: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-  },
-});
-
-module.exports = Inspector;
diff --git a/vnext/src/Libraries/Inspector/Inspector.windows.js b/vnext/src/Libraries/Inspector/Inspector.windows.js
deleted file mode 100644
index 907eae5c2eb..00000000000
--- a/vnext/src/Libraries/Inspector/Inspector.windows.js
+++ /dev/null
@@ -1,310 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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 Dimensions = require('../Utilities/Dimensions');
-const InspectorOverlay = require('./InspectorOverlay');
-const InspectorPanel = require('./InspectorPanel');
-const Platform = require('../Utilities/Platform');
-const React = require('react');
-const ReactNative = require('../Renderer/shims/ReactNative');
-const StyleSheet = require('../StyleSheet/StyleSheet');
-const Touchable = require('../Components/Touchable/Touchable');
-const UIManager = require('../ReactNative/UIManager');
-const View = require('../Components/View/View');
-
-const invariant = require('invariant');
-
-export type ReactRenderer = {
-  getInspectorDataForViewTag: (viewTag: number) => Object,
-  ...
-};
-
-const hook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-const renderers = findRenderers();
-
-// Required for React DevTools to view/edit React Native styles in Flipper.
-// Flipper doesn't inject these values when initializing DevTools.
-hook.resolveRNStyle = require('../StyleSheet/flattenStyle');
-const viewConfig = require('../Components/View/ReactNativeViewViewConfig'); // [Windows] Remove ".js"
-hook.nativeStyleEditorValidAttributes = Object.keys(
-  viewConfig.validAttributes.style,
-);
-
-function findRenderers(): $ReadOnlyArray<ReactRenderer> {
-  const allRenderers = Array.from(hook.renderers.values());
-  invariant(
-    allRenderers.length >= 1,
-    'Expected to find at least one React Native renderer on DevTools hook.',
-  );
-  return allRenderers;
-}
-
-function getInspectorDataForViewTag(touchedViewTag: number) {
-  for (let i = 0; i < renderers.length; i++) {
-    const renderer = renderers[i];
-    if (
-      Object.prototype.hasOwnProperty.call(
-        renderer,
-        'getInspectorDataForViewTag',
-      )
-    ) {
-      const inspectorData = renderer.getInspectorDataForViewTag(touchedViewTag);
-      if (inspectorData.hierarchy.length > 0) {
-        return inspectorData;
-      }
-    }
-  }
-  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: boolean,
-    selection: ?number,
-    perfing: boolean,
-    inspected: any,
-    inspectedViewTag: any,
-    networking: boolean,
-    ...
-  },
-> {
-  _hideTimeoutID: TimeoutID | null = null;
-  _subs: ?Array<() => void>;
-
-  constructor(props: Object) {
-    super(props);
-
-    this.state = {
-      devtoolsAgent: null,
-      hierarchy: null,
-      panelPos: 'bottom',
-      inspecting: true,
-      perfing: false,
-      inspected: null,
-      selection: null,
-      inspectedViewTag: this.props.inspectedViewTag,
-      networking: false,
-    };
-  }
-
-  componentDidMount() {
-    hook.on('react-devtools', this._attachToDevtools);
-    // if devtools is already started
-    if (hook.reactDevtoolsAgent) {
-      this._attachToDevtools(hook.reactDevtoolsAgent);
-    }
-  }
-
-  componentWillUnmount() {
-    if (this._subs) {
-      this._subs.map(fn => fn());
-    }
-    hook.off('react-devtools', this._attachToDevtools);
-  }
-
-  UNSAFE_componentWillReceiveProps(newProps: Object) {
-    this.setState({inspectedViewTag: newProps.inspectedViewTag});
-  }
-
-  _attachToDevtools = (agent: Object) => {
-    agent.addListener('hideNativeHighlight', this._onAgentHideNativeHighlight);
-    agent.addListener('showNativeHighlight', this._onAgentShowNativeHighlight);
-    agent.addListener('shutdown', this._onAgentShutdown);
-
-    this.setState({
-      devtoolsAgent: agent,
-    });
-  };
-
-  _onAgentHideNativeHighlight = () => {
-    if (this.state.inspected === null) {
-      return;
-    }
-    // we wait to actually hide in order to avoid flicker
-    this._hideTimeoutID = setTimeout(() => {
-      this.setState({
-        inspected: null,
-      });
-    }, 100);
-  };
-
-  _onAgentShowNativeHighlight = node => {
-    clearTimeout(this._hideTimeoutID);
-
-    if (typeof node !== 'number') {
-      node = ReactNative.findNodeHandle(node);
-    }
-
-    UIManager.measure(node, (x, y, width, height, left, top) => {
-      this.setState({
-        hierarchy: [],
-        inspected: {
-          frame: {left, top, width, height},
-        },
-      });
-    });
-  };
-
-  _onAgentShutdown = () => {
-    const agent = this.state.devtoolsAgent;
-    if (agent != null) {
-      agent.removeListener(
-        'hideNativeHighlight',
-        this._onAgentHideNativeHighlight,
-      );
-      agent.removeListener(
-        'showNativeHighlight',
-        this._onAgentShowNativeHighlight,
-      );
-      agent.removeListener('shutdown', this._onAgentShutdown);
-
-      this.setState({devtoolsAgent: null});
-    }
-  };
-
-  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,
-    );
-
-    measure((x, y, width, height, left, top) => {
-      this.setState({
-        inspected: {
-          frame: {left, top, width, height},
-          style: props.style,
-          source,
-        },
-        selection: i,
-      });
-    });
-  }
-
-  onTouchViewTag(touchedViewTag: number, frame: Object, pointerY: number) {
-    // 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,
-    );
-
-    if (this.state.devtoolsAgent) {
-      // Skip host leafs
-      this.state.devtoolsAgent.selectNode(touchedViewTag);
-    }
-
-    this.setState({
-      panelPos:
-        pointerY > Dimensions.get('window').height / 2 ? 'top' : 'bottom',
-      selection,
-      hierarchy,
-      inspected: {
-        style: props.style,
-        frame,
-        source,
-      },
-    });
-  }
-
-  setPerfing(val: boolean) {
-    this.setState({
-      perfing: val,
-      inspecting: false,
-      inspected: null,
-      networking: false,
-    });
-  }
-
-  setInspecting(val: boolean) {
-    this.setState({
-      inspecting: val,
-      inspected: null,
-    });
-  }
-
-  setTouchTargeting(val: boolean) {
-    Touchable.TOUCH_TARGET_DEBUG = val;
-    this.props.onRequestRerenderApp(inspectedViewTag => {
-      this.setState({inspectedViewTag});
-    });
-  }
-
-  setNetworking(val: boolean) {
-    this.setState({
-      networking: val,
-      perfing: false,
-      inspecting: false,
-      inspected: null,
-    });
-  }
-
-  render(): React.Node {
-    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 && (
-          <InspectorOverlay
-            inspected={this.state.inspected}
-            inspectedViewTag={this.state.inspectedViewTag}
-            onTouchViewTag={this.onTouchViewTag.bind(this)}
-          />
-        )}
-        <View style={[styles.panelContainer, panelContainerStyle]}>
-          <InspectorPanel
-            devtoolsIsOpen={!!this.state.devtoolsAgent}
-            inspecting={this.state.inspecting}
-            perfing={this.state.perfing}
-            setPerfing={this.setPerfing.bind(this)}
-            setInspecting={this.setInspecting.bind(this)}
-            inspected={this.state.inspected}
-            hierarchy={this.state.hierarchy}
-            selection={this.state.selection}
-            setSelection={this.setSelection.bind(this)}
-            touchTargeting={Touchable.TOUCH_TARGET_DEBUG}
-            setTouchTargeting={this.setTouchTargeting.bind(this)}
-            networking={this.state.networking}
-            setNetworking={this.setNetworking.bind(this)}
-          />
-        </View>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    position: 'absolute',
-    backgroundColor: 'transparent',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-  },
-  panelContainer: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-  },
-});
-
-module.exports = Inspector;
diff --git a/vnext/src/Libraries/Inspector/InspectorOverlay.windesktop.js b/vnext/src/Libraries/Inspector/InspectorOverlay.windesktop.js
index 404d85cac9a..54a7cbe4d59 100644
--- a/vnext/src/Libraries/Inspector/InspectorOverlay.windesktop.js
+++ b/vnext/src/Libraries/Inspector/InspectorOverlay.windesktop.js
@@ -13,9 +13,11 @@
 const ElementBox = require('./ElementBox');
 const React = require('react');
 const StyleSheet = require('../StyleSheet/StyleSheet');
+const ReactNative = require('../Renderer/shims/ReactNative');
 const UIManager = require('../ReactNative/UIManager');
 const View = require('../Components/View/View');
 
+import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
 import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
 import type {PressEvent} from '../Types/CoreEventTypes';
 
@@ -25,8 +27,9 @@ type Inspected = $ReadOnly<{|
 |}>;
 
 type Props = $ReadOnly<{|
+  isFabric: boolean,
   inspected?: Inspected,
-  inspectedViewTag?: ?number,
+  inspectedView?: ?React.ElementRef<HostComponent<mixed>>,
   onTouchViewTag: (tag: number, frame: Object, pointerY: number) => mixed,
 |}>;
 
@@ -34,7 +37,7 @@ class InspectorOverlay extends React.Component<Props> {
   findViewForTouchEvent: (e: PressEvent) => void = (e: PressEvent) => {
     const {locationX, locationY} = e.nativeEvent.touches[0];
     UIManager.findSubviewIn(
-      this.props.inspectedViewTag,
+      ReactNative.findNodeHandle(this.props.inspectedView),
       [locationX, locationY],
       (nativeViewTag, left, top, width, height) => {
         this.props.onTouchViewTag(
diff --git a/vnext/src/Libraries/Lists/VirtualizedList.windows.js b/vnext/src/Libraries/Lists/VirtualizedList.windows.js
index b6430450924..b5ffefa1d96 100644
--- a/vnext/src/Libraries/Lists/VirtualizedList.windows.js
+++ b/vnext/src/Libraries/Lists/VirtualizedList.windows.js
@@ -336,9 +336,21 @@ type State = {
   ...
 };
 
+// Data propagated through nested lists (regardless of orientation) that is
+// useful for producing diagnostics for usage errors involving nesting (e.g
+// missing/duplicate keys).
+type ListDebugInfo = {
+  cellKey: string,
+  listKey: string,
+  parent: ?ListDebugInfo,
+  // We include all ancestors regardless of orientation, so this is not always
+  // identical to the child's orientation.
+  horizontal: boolean,
+};
+
 /**
- * Base implementation for the more convenient [`<FlatList>`](/react-native/docs/flatlist.html)
- * and [`<SectionList>`](/react-native/docs/sectionlist.html) components, which are also better
+ * Base implementation for the more convenient [`<FlatList>`](https://reactnative.dev/docs/flatlist.html)
+ * and [`<SectionList>`](https://reactnative.dev/docs/sectionlist.html) components, which are also better
  * documented. In general, this should only really be used if you need more flexibility than
  * `FlatList` provides, e.g. for use with immutable data instead of plain arrays.
  *
@@ -573,6 +585,10 @@ class VirtualizedList extends React.PureComponent<Props, State> {
           getNestedChildState: React$PropType$Primitive<Function>,
           registerAsNestedChild: React$PropType$Primitive<Function>,
           unregisterAsNestedChild: React$PropType$Primitive<Function>,
+          debugInfo: {|
+            listKey: React$PropType$Primitive<string>,
+            cellKey: React$PropType$Primitive<string>,
+          |},
         |},
       |} = {
     virtualizedCell: PropTypes.shape({
@@ -585,6 +601,10 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       getNestedChildState: PropTypes.func,
       registerAsNestedChild: PropTypes.func,
       unregisterAsNestedChild: PropTypes.func,
+      debugInfo: PropTypes.shape({
+        listKey: PropTypes.string,
+        cellKey: PropTypes.string,
+      }),
     }),
   };
 
@@ -627,6 +647,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
         cellKey: string,
         key: string,
         ref: VirtualizedList,
+        parentDebugInfo: ListDebugInfo,
         ...
       }) => ?ChildListState,
       unregisterAsNestedChild: ({
@@ -634,6 +655,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
         state: ChildListState,
         ...
       }) => void,
+      debugInfo: ListDebugInfo,
       ...
     },
   |} {
@@ -645,6 +667,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
         getNestedChildState: this._getNestedChildState,
         registerAsNestedChild: this._registerAsNestedChild,
         unregisterAsNestedChild: this._unregisterAsNestedChild,
+        debugInfo: this._getDebugInfo(),
       },
     };
   }
@@ -656,6 +679,21 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     );
   }
 
+  _getListKey(): string {
+    return this.props.listKey || this._getCellKey();
+  }
+
+  _getDebugInfo(): ListDebugInfo {
+    return {
+      listKey: this._getListKey(),
+      cellKey: this._getCellKey(),
+      horizontal: !!this.props.horizontal,
+      parent: this.context.virtualizedList
+        ? this.context.virtualizedList.debugInfo
+        : null,
+    };
+  }
+
   _getScrollMetrics = () => {
     return this._scrollMetrics;
   };
@@ -681,6 +719,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     cellKey: string,
     key: string,
     ref: VirtualizedList,
+    parentDebugInfo: ListDebugInfo,
     ...
   }): ?ChildListState => {
     // Register the mapping between this child key and the cellKey for its cell
@@ -688,13 +727,18 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       this._cellKeysToChildListKeys.get(childList.cellKey) || new Set();
     childListsInCell.add(childList.key);
     this._cellKeysToChildListKeys.set(childList.cellKey, childListsInCell);
-
     const existingChildData = this._nestedChildLists.get(childList.key);
     if (existingChildData && existingChildData.ref !== null) {
       console.error(
         'A VirtualizedList contains a cell which itself contains ' +
           'more than one VirtualizedList of the same orientation as the parent ' +
-          'list. You must pass a unique listKey prop to each sibling list.',
+          'list. You must pass a unique listKey prop to each sibling list.\n\n' +
+          describeNestedLists({
+            ...childList,
+            // We're called from the child's componentDidMount, so it's safe to
+            // read the child's props here (albeit weird).
+            horizontal: !!childList.ref.props.horizontal,
+          }),
       );
     }
     this._nestedChildLists.set(childList.key, {
@@ -765,7 +809,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
 
     if (this._isNestedWithSameOrientation()) {
       const storedState = this.context.virtualizedList.getNestedChildState(
-        this.props.listKey || this._getCellKey(),
+        this._getListKey(),
       );
       if (storedState) {
         initialState = storedState;
@@ -781,8 +825,13 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     if (this._isNestedWithSameOrientation()) {
       this.context.virtualizedList.registerAsNestedChild({
         cellKey: this._getCellKey(),
-        key: this.props.listKey || this._getCellKey(),
+        key: this._getListKey(),
         ref: this,
+        // NOTE: When the child mounts (here) it's not necessarily safe to read
+        // the parent's props. This is why we explicitly propagate debugInfo
+        // "down" via context and "up" again via this method call on the
+        // parent.
+        parentDebugInfo: this.context.virtualizedList.debugInfo,
       });
     }
   }
@@ -790,7 +839,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
   componentWillUnmount() {
     if (this._isNestedWithSameOrientation()) {
       this.context.virtualizedList.unregisterAsNestedChild({
-        key: this.props.listKey || this._getCellKey(),
+        key: this._getListKey(),
         state: {
           first: this.state.first,
           last: this.state.last,
@@ -1084,7 +1133,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       );
       cells.push(
         <VirtualizedCellWrapper
-          cellKey={this._getCellKey() + '-footer'}
+          cellKey={this._getFooterCellKey()}
           key="$footer">
           <View
             onLayout={this._onLayoutFooter}
@@ -1146,6 +1195,8 @@ class VirtualizedList extends React.PureComponent<Props, State> {
   componentDidUpdate(prevProps: Props) {
     const {data, extraData} = this.props;
     if (data !== prevProps.data || extraData !== prevProps.extraData) {
+      this._hasDataChangedSinceEndReached = true;
+
       // clear the viewableIndices cache to also trigger
       // the onViewableItemsChanged callback with the new data
       this._viewabilityTuples.forEach(tuple => {
@@ -1174,6 +1225,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
   _fillRateHelper: FillRateHelper;
   _frames = {};
   _footerLength = 0;
+  _hasDataChangedSinceEndReached = true;
   _hasDoneInitialScroll = false;
   _hasInteracted = false;
   _hasMore = false;
@@ -1287,15 +1339,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       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._triggerRemeasureForChildListsInCell(cellKey);
 
     this._computeBlankness();
     this._updateViewableItems(this.props.data);
@@ -1308,6 +1352,18 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     }
   };
 
+  _triggerRemeasureForChildListsInCell(cellKey: string): void {
+    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();
+      }
+    }
+  }
+
   measureLayoutRelativeToContainingList(): void {
     // TODO (T35574538): findNodeHandle sometimes crashes with "Unable to find
     // node on an unmounted component" during scrolling
@@ -1368,7 +1424,12 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     this.props.onLayout && this.props.onLayout(e);
   };
 
+  _getFooterCellKey(): string {
+    return this._getCellKey() + '-footer';
+  }
+
   _onLayoutFooter = e => {
+    this._triggerRemeasureForChildListsInCell(this._getFooterCellKey());
     this._footerLength = this._selectLength(e.nativeEvent.layout);
   };
 
@@ -1465,22 +1526,20 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     } = this.props;
     const {contentLength, visibleLength, offset} = this._scrollMetrics;
     const distanceFromEnd = contentLength - visibleLength - offset;
-    const threshold = onEndReachedThreshold
-      ? onEndReachedThreshold * visibleLength
-      : 0;
     if (
       onEndReached &&
       this.state.last === getItemCount(data) - 1 &&
-      distanceFromEnd < threshold &&
-      this._scrollMetrics.contentLength !== this._sentEndForContentLength
+      /* $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. */
+      distanceFromEnd < onEndReachedThreshold * visibleLength &&
+      (this._hasDataChangedSinceEndReached ||
+        this._scrollMetrics.contentLength !== this._sentEndForContentLength)
     ) {
-      // Only call onEndReached once for a given content length
+      // Only call onEndReached once for a given dataset + content length.
+      this._hasDataChangedSinceEndReached = false;
       this._sentEndForContentLength = this._scrollMetrics.contentLength;
       onEndReached({distanceFromEnd});
-    } else if (distanceFromEnd > threshold) {
-      // If the user scrolls away from the end and back again cause
-      // an onEndReached to be triggered again
-      this._sentEndForContentLength = 0;
     }
   }
 
@@ -1684,12 +1743,13 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     }
     this.setState(state => {
       let newState;
+      const {contentLength, offset, visibleLength} = this._scrollMetrics;
       if (!isVirtualizationDisabled) {
         // If we run this with bogus data, we'll force-render window {first: 0, last: 0},
         // and wipe out the initialNumToRender rendered elements.
         // So let's wait until the scroll view metrics have been set up. And until then,
         // we will trust the initialNumToRender suggestion
-        if (this._scrollMetrics.visibleLength) {
+        if (visibleLength > 0 && contentLength > 0) {
           // If we have a non-zero initialScrollIndex and run this before we've scrolled,
           // we'll wipe out the initialNumToRender rendered elements starting at initialScrollIndex.
           // So let's wait until we've scrolled the view to the right place. And until then,
@@ -1704,7 +1764,6 @@ class VirtualizedList extends React.PureComponent<Props, State> {
           }
         }
       } else {
-        const {contentLength, offset, visibleLength} = this._scrollMetrics;
         const distanceFromEnd = contentLength - visibleLength - offset;
         const renderAhead =
           /* $FlowFixMe(>=0.63.0 site=react_native_fb) This comment suppresses
@@ -1748,6 +1807,13 @@ class VirtualizedList extends React.PureComponent<Props, State> {
           }
         }
       }
+      if (
+        newState != null &&
+        newState.first === state.first &&
+        newState.last === state.last
+      ) {
+        newState = null;
+      }
       return newState;
     });
   };
@@ -2074,6 +2140,31 @@ class VirtualizedCellWrapper extends React.Component<{
   }
 }
 
+function describeNestedLists(childList: {
+  +cellKey: string,
+  +key: string,
+  +ref: VirtualizedList,
+  +parentDebugInfo: ListDebugInfo,
+  +horizontal: boolean,
+  ...
+}) {
+  let trace =
+    'VirtualizedList trace:\n' +
+    `  Child (${childList.horizontal ? 'horizontal' : 'vertical'}):\n` +
+    `    listKey: ${childList.key}\n` +
+    `    cellKey: ${childList.cellKey}`;
+
+  let debugInfo = childList.parentDebugInfo;
+  while (debugInfo) {
+    trace +=
+      `\n  Parent (${debugInfo.horizontal ? 'horizontal' : 'vertical'}):\n` +
+      `    listKey: ${debugInfo.listKey}\n` +
+      `    cellKey: ${debugInfo.cellKey}`;
+    debugInfo = debugInfo.parent;
+  }
+  return trace;
+}
+
 const styles = StyleSheet.create({
   verticallyInverted: {
     transform: [{scaleY: -1}],
diff --git a/vnext/src/Libraries/Pressability/Pressability.windows.js b/vnext/src/Libraries/Pressability/Pressability.windows.js
index 31883d6d352..8c40816b89e 100644
--- a/vnext/src/Libraries/Pressability/Pressability.windows.js
+++ b/vnext/src/Libraries/Pressability/Pressability.windows.js
@@ -10,17 +10,17 @@
 
 'use strict';
 
-import {isHoverEnabled} from './HoverState.js';
+import {isHoverEnabled} from './HoverState';
 import invariant from 'invariant';
-import SoundManager from '../Components/Sound/SoundManager.js';
-import type {EdgeInsetsProp} from '../StyleSheet/EdgeInsetsPropType.js';
+import SoundManager from '../Components/Sound/SoundManager';
+import {normalizeRect, type RectOrSize} from '../StyleSheet/Rect';
 import type {
   BlurEvent,
   FocusEvent,
   PressEvent,
   MouseEvent,
   KeyEvent, // [Windows]
-} from '../Types/CoreEventTypes.js';
+} from '../Types/CoreEventTypes';
 import Platform from '../Utilities/Platform';
 import UIManager from '../ReactNative/UIManager';
 import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
@@ -28,110 +28,127 @@ import * as React from 'react';
 
 export type PressabilityConfig = $ReadOnly<{|
   /**
-   * Returns the amount to extend the `VisualRect` by to create `HitRect`.
+   * Whether a press gesture can be interrupted by a parent gesture such as a
+   * scroll event. Defaults to true.
    */
-  getHitSlop?: ?() => ?EdgeInsetsProp,
+  cancelable?: ?boolean,
 
   /**
-   * Returns the duration to wait after hover in before activation.
+   * Whether to disable initialization of the press gesture.
    */
-  getHoverInDelayMS?: ?() => ?number,
+  disabled?: ?boolean,
 
   /**
-   * Returns the duration to wait after hover out before deactivation.
+   * Amount to extend the `VisualRect` by to create `HitRect`.
    */
-  getHoverOutDelayMS?: ?() => ?number,
+  hitSlop?: ?RectOrSize,
 
   /**
-   * Returns the duration (in addition to the value from `getPressDelayMS`)
-   * after which a press gesture becomes a long press gesture.
+   * Amount to extend the `HitRect` by to create `PressRect`.
    */
-  getLongPressDelayMS?: ?() => ?number,
+  pressRectOffset?: ?RectOrSize,
 
   /**
-   * Returns the duration to wait after press down before activation.
+   * Whether to disable the systemm sound when `onPress` fires on Android.
+   **/
+  android_disableSound?: ?boolean,
+
+  /**
+   * Duration to wait after hover in before calling `onHoverIn`.
    */
-  getPressDelayMS?: ?() => ?number,
+  delayHoverIn?: ?number,
 
   /**
-   * Returns the duration to wait after letting up before deactivation.
+   * Duration to wait after hover out before calling `onHoverOut`.
    */
-  getPressOutDelayMS?: ?() => ?number,
+  delayHoverOut?: ?number,
 
   /**
-   * Returns the amount to extend the `HitRect` by to create `PressRect`.
+   * Duration (in addition to `delayPressIn`) after which a press gesture is
+   * considered a long press gesture. Defaults to 500 (milliseconds).
    */
-  getPressRectOffset?: ?() => ?EdgeInsetsProp,
+  delayLongPress?: ?number,
 
   /**
-   * Returns true to disable playing system sound on touch (Android Only)
-   **/
-  getTouchSoundDisabled?: ?() => ?boolean,
+   * Duration to wait after press down before calling `onPressIn`.
+   */
+  delayPressIn?: ?number,
+
+  /**
+   * Duration to wait after letting up before calling `onPressOut`.
+   */
+  delayPressOut?: ?number,
 
   /**
    * Called after the element loses focus.
    */
-  onBlur?: ?(event: BlurEvent) => void,
+  onBlur?: ?(event: BlurEvent) => mixed,
 
   /**
    * Called after the element is focused.
    */
-  onFocus?: ?(event: FocusEvent) => void,
+  onFocus?: ?(event: FocusEvent) => mixed,
 
   /**
    * Called when the hover is activated to provide visual feedback.
    */
-  onHoverIn?: ?(event: MouseEvent) => void,
+  onHoverIn?: ?(event: MouseEvent) => mixed,
 
   /**
    * Called when the hover is deactivated to undo visual feedback.
    */
-  onHoverOut?: ?(event: MouseEvent) => void,
+  onHoverOut?: ?(event: MouseEvent) => mixed,
 
   /**
    * Called when a long press gesture has been triggered.
    */
-  onLongPress?: ?(event: PressEvent) => void,
-
-  /**
-   * Returns whether a long press gesture should cancel the press gesture.
-   * Defaults to true.
-   */
-  onLongPressShouldCancelPress?: ?() => boolean,
+  onLongPress?: ?(event: PressEvent) => mixed,
 
   /**
    * Called when a press gestute has been triggered.
    */
-  onPress?: ?(event: PressEvent) => void,
+  onPress?: ?(event: PressEvent) => mixed,
 
   /**
    * Called when the press is activated to provide visual feedback.
    */
-  onPressIn?: ?(event: PressEvent) => void,
+  onPressIn?: ?(event: PressEvent) => mixed,
 
   /**
    * Called when the press location moves. (This should rarely be used.)
    */
-  onPressMove?: ?(event: PressEvent) => void,
+  onPressMove?: ?(event: PressEvent) => mixed,
 
   /**
    * Called when the press is deactivated to undo visual feedback.
    */
-  onPressOut?: ?(event: PressEvent) => void,
+  onPressOut?: ?(event: PressEvent) => mixed,
+
+  /**
+   * Returns whether a long press gesture should cancel the press gesture.
+   * Defaults to true.
+   */
+  onLongPressShouldCancelPress_DEPRECATED?: ?() => boolean,
 
   /**
+   * If `cancelable` is set, this will be ignored.
+   *
    * Returns whether to yield to a lock termination request (e.g. if a native
    * scroll gesture attempts to steal the responder lock).
    */
-  onResponderTerminationRequest?: ?() => boolean,
+  onResponderTerminationRequest_DEPRECATED?: ?() => boolean,
 
   /**
+   * If `disabled` is set, this will be ignored.
+   *
    * Returns whether to start a press gesture.
+   *
+   * @deprecated
    */
-  onStartShouldSetResponder?: ?() => boolean,
+  onStartShouldSetResponder_DEPRECATED?: ?() => boolean,
 |}>;
 
-type EventHandlers = $ReadOnly<{|
+export type EventHandlers = $ReadOnly<{|
   onBlur: (event: BlurEvent) => void,
   onClick: (event: PressEvent) => void,
   onFocus: (event: FocusEvent) => void,
@@ -259,8 +276,8 @@ const isPressInSignal = signal =>
 const isTerminalSignal = signal =>
   signal === 'RESPONDER_TERMINATED' || signal === 'RESPONDER_RELEASE';
 
-const DEFAULT_LONG_PRESS_DELAY_MS = 500;
-const DEFAULT_PRESS_DELAY_MS = 0;
+const DEFAULT_LONG_PRESS_DELAY_MS = 370; // 500 - 130
+const DEFAULT_PRESS_DELAY_MS = 130;
 const DEFAULT_PRESS_RECT_OFFSETS = {
   bottom: 30,
   left: 20,
@@ -320,7 +337,7 @@ const DEFAULT_PRESS_RECT_OFFSETS = {
  *
  *  ┌────────────────────────┐
  *  │  ┌──────────────────┐  │ - Presses start anywhere within `HitRect`, which
- *  │  │  ┌────────────┐  │  │   is expanded via the prop `getHitSlop`.
+ *  │  │  ┌────────────┐  │  │   is expanded via the prop `hitSlop`.
  *  │  │  │ VisualRect │  │  │
  *  │  │  └────────────┘  │  │ - When pressed down for sufficient amount of time
  *  │  │    HitRect       │  │   before letting up, `VisualRect` activates for
@@ -328,7 +345,7 @@ const DEFAULT_PRESS_RECT_OFFSETS = {
  *  │       PressRect    o   │
  *  └────────────────────│───┘
  *          Out Region   └────── `PressRect`, which is expanded via the prop
- *                               `getPressRectOffset`, allows presses to move
+ *                               `pressRectOffset`, allows presses to move
  *                               beyond `HitRect` while maintaining activation
  *                               and being eligible for a "press".
  *
@@ -384,6 +401,10 @@ export default class Pressability {
   _touchState: TouchState = 'NOT_RESPONDER';
 
   constructor(config: PressabilityConfig) {
+    this.configure(config);
+  }
+
+  configure(config: PressabilityConfig): void {
     this._config = config;
   }
 
@@ -425,11 +446,15 @@ export default class Pressability {
     };
 
     const responderEventHandlers = {
-      onStartShouldSetResponder: () => {
-        const {onStartShouldSetResponder} = this._config;
-        return onStartShouldSetResponder == null
-          ? true
-          : onStartShouldSetResponder();
+      onStartShouldSetResponder: (): boolean => {
+        const {disabled} = this._config;
+        if (disabled == null) {
+          const {onStartShouldSetResponder_DEPRECATED} = this._config;
+          return onStartShouldSetResponder_DEPRECATED == null
+            ? true
+            : onStartShouldSetResponder_DEPRECATED();
+        }
+        return !disabled;
       },
 
       onResponderGrant: (event: PressEvent): void => {
@@ -441,29 +466,28 @@ export default class Pressability {
         this._touchState = 'NOT_RESPONDER';
         this._receiveSignal('RESPONDER_GRANT', event);
 
-        const {getLongPressDelayMS, getPressDelayMS} = this._config;
-
-        const pressDelay = getDelayMS(
-          getPressDelayMS,
+        const delayPressIn = normalizeDelay(
+          this._config.delayPressIn,
           0,
           DEFAULT_PRESS_DELAY_MS,
         );
-        if (pressDelay > 0) {
+
+        if (delayPressIn > 0) {
           this._pressDelayTimeout = setTimeout(() => {
             this._receiveSignal('DELAY', event);
-          }, pressDelay);
+          }, delayPressIn);
         } else {
           this._receiveSignal('DELAY', event);
         }
 
-        const longPressDelay = getDelayMS(
-          getLongPressDelayMS,
+        const delayLongPress = normalizeDelay(
+          this._config.delayLongPress,
           10,
           DEFAULT_LONG_PRESS_DELAY_MS,
         );
         this._longPressDelayTimeout = setTimeout(() => {
           this._handleLongPress(event);
-        }, longPressDelay + pressDelay);
+        }, delayLongPress + delayPressIn);
       },
 
       onResponderMove: (event: PressEvent): void => {
@@ -509,13 +533,17 @@ export default class Pressability {
       },
 
       onResponderTerminationRequest: (): boolean => {
-        const {onResponderTerminationRequest} = this._config;
-        return onResponderTerminationRequest == null
-          ? true
-          : onResponderTerminationRequest();
+        const {cancelable} = this._config;
+        if (cancelable == null) {
+          const {onResponderTerminationRequest_DEPRECATED} = this._config;
+          return onResponderTerminationRequest_DEPRECATED == null
+            ? true
+            : onResponderTerminationRequest_DEPRECATED();
+        }
+        return cancelable;
       },
 
-      onClick: (event: PressEvent) => {
+      onClick: (event: PressEvent): void => {
         const {onPress} = this._config;
         if (onPress != null) {
           onPress(event);
@@ -523,6 +551,12 @@ export default class Pressability {
       },
     };
 
+    if (process.env.NODE_ENV === 'test') {
+      // We are setting this in order to find this node in ReactNativeTestTools
+      responderEventHandlers.onStartShouldSetResponder.testOnly_pressabilityConfig = () =>
+        this._config;
+    }
+
     const mouseEventHandlers =
       Platform.OS === 'ios' || Platform.OS === 'android'
         ? null
@@ -531,13 +565,15 @@ export default class Pressability {
               if (isHoverEnabled()) {
                 this._isHovered = true;
                 this._cancelHoverOutDelayTimeout();
-                const {onHoverIn, getHoverInDelayMS} = this._config;
+                const {onHoverIn} = this._config;
                 if (onHoverIn != null) {
-                  const delay = getDelayMS(getHoverInDelayMS);
-                  if (delay > 0) {
+                  const delayHoverIn = normalizeDelay(
+                    this._config.delayHoverIn,
+                  );
+                  if (delayHoverIn > 0) {
                     this._hoverInDelayTimeout = setTimeout(() => {
                       onHoverIn(event);
-                    }, delay);
+                    }, delayHoverIn);
                   } else {
                     onHoverIn(event);
                   }
@@ -549,13 +585,15 @@ export default class Pressability {
               if (this._isHovered) {
                 this._isHovered = false;
                 this._cancelHoverInDelayTimeout();
-                const {onHoverOut, getHoverOutDelayMS} = this._config;
+                const {onHoverOut} = this._config;
                 if (onHoverOut != null) {
-                  const delay = getDelayMS(getHoverOutDelayMS);
-                  if (delay > 0) {
+                  const delayHoverOut = normalizeDelay(
+                    this._config.delayHoverOut,
+                  );
+                  if (delayHoverOut > 0) {
                     this._hoverInDelayTimeout = setTimeout(() => {
                       onHoverOut(event);
-                    }, delay);
+                    }, delayHoverOut);
                   } else {
                     onHoverOut(event);
                   }
@@ -671,7 +709,7 @@ export default class Pressability {
     }
 
     if (isPressInSignal(prevState) && signal === 'RESPONDER_RELEASE') {
-      const {onLongPress, onPress, getTouchSoundDisabled} = this._config;
+      const {onLongPress, onPress, android_disableSound} = this._config;
       if (onPress != null) {
         const isPressCanceledByLongPress =
           onLongPress != null &&
@@ -683,10 +721,7 @@ export default class Pressability {
             this._activate(event);
             this._deactivate(event);
           }
-          const isTouchSoundDisabled =
-            (getTouchSoundDisabled == null ? null : getTouchSoundDisabled()) ??
-            false;
-          if (Platform.OS === 'android' && !isTouchSoundDisabled) {
+          if (Platform.OS === 'android' && android_disableSound !== true) {
             SoundManager.playTouchSound();
           }
           onPress(event);
@@ -710,13 +745,13 @@ export default class Pressability {
   }
 
   _deactivate(event: PressEvent): void {
-    const {onPressOut, getPressOutDelayMS} = this._config;
+    const {onPressOut} = this._config;
     if (onPressOut != null) {
-      const delay = getDelayMS(getPressOutDelayMS);
-      if (delay > 0) {
+      const delayPressOut = normalizeDelay(this._config.delayPressOut);
+      if (delayPressOut > 0) {
         this._pressOutDelayTimeout = setTimeout(() => {
           onPressOut(event);
-        }, delay);
+        }, delayPressOut);
       } else {
         onPressOut(event);
       }
@@ -756,14 +791,14 @@ export default class Pressability {
       top: number,
     |}>,
   ): boolean {
-    const {getHitSlop, getPressRectOffset} = this._config;
+    const hitSlop = normalizeRect(this._config.hitSlop);
+    const pressRectOffset = normalizeRect(this._config.pressRectOffset);
 
     let regionBottom = responderRegion.bottom;
     let regionLeft = responderRegion.left;
     let regionRight = responderRegion.right;
     let regionTop = responderRegion.top;
 
-    const hitSlop = getHitSlop == null ? null : getHitSlop();
     if (hitSlop != null) {
       if (hitSlop.bottom != null) {
         regionBottom += hitSlop.bottom;
@@ -779,23 +814,11 @@ export default class Pressability {
       }
     }
 
-    const rectOffset = getPressRectOffset == null ? null : getPressRectOffset();
     regionBottom +=
-      rectOffset == null || rectOffset.bottom == null
-        ? DEFAULT_PRESS_RECT_OFFSETS.bottom
-        : rectOffset.bottom;
-    regionLeft -=
-      rectOffset == null || rectOffset.left == null
-        ? DEFAULT_PRESS_RECT_OFFSETS.left
-        : rectOffset.left;
-    regionRight +=
-      rectOffset == null || rectOffset.right == null
-        ? DEFAULT_PRESS_RECT_OFFSETS.right
-        : rectOffset.right;
-    regionTop -=
-      rectOffset == null || rectOffset.top == null
-        ? DEFAULT_PRESS_RECT_OFFSETS.top
-        : rectOffset.top;
+      pressRectOffset?.bottom ?? DEFAULT_PRESS_RECT_OFFSETS.bottom;
+    regionLeft -= pressRectOffset?.left ?? DEFAULT_PRESS_RECT_OFFSETS.left;
+    regionRight += pressRectOffset?.right ?? DEFAULT_PRESS_RECT_OFFSETS.right;
+    regionTop -= pressRectOffset?.top ?? DEFAULT_PRESS_RECT_OFFSETS.top;
 
     return (
       touch.pageX > regionLeft &&
@@ -816,8 +839,8 @@ export default class Pressability {
 
   _shouldLongPressCancelPress(): boolean {
     return (
-      this._config.onLongPressShouldCancelPress == null ||
-      this._config.onLongPressShouldCancelPress()
+      this._config.onLongPressShouldCancelPress_DEPRECATED == null ||
+      this._config.onLongPressShouldCancelPress_DEPRECATED()
     );
   }
 
@@ -857,9 +880,9 @@ export default class Pressability {
   }
 }
 
-const getDelayMS = (getDelay: ?() => ?number, min = 0, fallback = 0) => {
-  return Math.max(min, (getDelay == null ? null : getDelay()) ?? fallback);
-};
+function normalizeDelay(delay: ?number, min = 0, fallback = 0): number {
+  return Math.max(min, delay ?? fallback);
+}
 
 const getTouchFromPressEvent = (event: PressEvent) => {
   const {changedTouches, touches} = event.nativeEvent;
diff --git a/vnext/src/Libraries/Pressability/PressabilityDebug.windows.js b/vnext/src/Libraries/Pressability/PressabilityDebug.windows.js
deleted file mode 100644
index dbae85ff5de..00000000000
--- a/vnext/src/Libraries/Pressability/PressabilityDebug.windows.js
+++ /dev/null
@@ -1,76 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-import normalizeColor from '../StyleSheet/normalizeColor'; // [Windows] Remove ".js"
-import Touchable from '../Components/Touchable/Touchable';
-import View from '../Components/View/View';
-import * as React from 'react';
-
-type Props = $ReadOnly<{|
-  color: string,
-  hitSlop: ?$ReadOnly<{|
-    bottom?: ?number,
-    left?: ?number,
-    right?: ?number,
-    top?: ?number,
-  |}>,
-|}>;
-
-/**
- * Displays a debug overlay to visualize press targets when enabled via the
- * React Native Inspector. Calls to this module should be guarded by `__DEV__`,
- * for example:
- *
- *   return (
- *     <View>
- *       {children}
- *       {__DEV__ ? (
- *         <PressabilityDebugView color="..." hitSlop={props.hitSlop} />
- *       ) : null}
- *     </View>
- *   );
- *
- */
-export function PressabilityDebugView({color, hitSlop}: Props): React.Node {
-  if (__DEV__) {
-    if (isEnabled()) {
-      const baseColor =
-        // $FlowFixMe [Win32] no toString() for NativeOrDynamicColor
-        '#' + (normalizeColor(color) ?? 0).toString(16).padStart(8, '0');
-
-      return (
-        <View
-          pointerEvents="none"
-          style={{
-            backgroundColor: baseColor.slice(0, -2) + '0F', // 15%
-            borderColor: baseColor.slice(0, -2) + '55', // 85%
-            borderStyle: 'dashed',
-            borderWidth: 1,
-            bottom: -(hitSlop?.bottom ?? 0),
-            left: -(hitSlop?.left ?? 0),
-            position: 'absolute',
-            right: -(hitSlop?.right ?? 0),
-            top: -(hitSlop?.top ?? 0),
-          }}
-        />
-      );
-    }
-  }
-  return null;
-}
-
-export function isEnabled(): boolean {
-  if (__DEV__) {
-    return Touchable.TOUCH_TARGET_DEBUG;
-  }
-  return false;
-}
diff --git a/vnext/src/Libraries/StyleSheet/NativeOrDynamicColorType.windows.js b/vnext/src/Libraries/StyleSheet/NativeOrDynamicColorType.windows.js
deleted file mode 100644
index dcfda5e1c87..00000000000
--- a/vnext/src/Libraries/StyleSheet/NativeOrDynamicColorType.windows.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- *
- * @format
- * @flow strict
- */
-
-'use strict';
-
-export type NativeOrDynamicColorType = {
-  semantic?: string,
-  dynamic?: {
-    light: ?(string | number | NativeOrDynamicColorType),
-    dark: ?(string | number | NativeOrDynamicColorType),
-  },
-};
diff --git a/vnext/src/Libraries/StyleSheet/PlatformColorValueTypes.windesktop.js b/vnext/src/Libraries/StyleSheet/PlatformColorValueTypes.windesktop.js
new file mode 100644
index 00000000000..69c016c68e2
--- /dev/null
+++ b/vnext/src/Libraries/StyleSheet/PlatformColorValueTypes.windesktop.js
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+import type {ColorValue} from './StyleSheetTypes';
+import type {ProcessedColorValue} from './processColor';
+
+export opaque type NativeColorValue = {
+  windowsbrush?: string,
+};
+
+export const PlatformColor = (...names: Array<string>): ColorValue => {
+  // We dont support fallback colors right now, so no point in sending more than the first color across the bridge
+  return {windowsbrush: names[0]};
+};
+
+export const normalizeColorObject = (
+  color: NativeColorValue,
+): ?ProcessedColorValue => {
+  if ('windowsbrush' in color) {
+    return color;
+  }
+  return null;
+};
+
+export const processColorObject = (
+  color: NativeColorValue,
+): ?NativeColorValue => {
+  return color;
+};
diff --git a/vnext/src/Libraries/StyleSheet/PlatformColorValueTypes.windows.js b/vnext/src/Libraries/StyleSheet/PlatformColorValueTypes.windows.js
new file mode 100644
index 00000000000..69c016c68e2
--- /dev/null
+++ b/vnext/src/Libraries/StyleSheet/PlatformColorValueTypes.windows.js
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+import type {ColorValue} from './StyleSheetTypes';
+import type {ProcessedColorValue} from './processColor';
+
+export opaque type NativeColorValue = {
+  windowsbrush?: string,
+};
+
+export const PlatformColor = (...names: Array<string>): ColorValue => {
+  // We dont support fallback colors right now, so no point in sending more than the first color across the bridge
+  return {windowsbrush: names[0]};
+};
+
+export const normalizeColorObject = (
+  color: NativeColorValue,
+): ?ProcessedColorValue => {
+  if ('windowsbrush' in color) {
+    return color;
+  }
+  return null;
+};
+
+export const processColorObject = (
+  color: NativeColorValue,
+): ?NativeColorValue => {
+  return color;
+};
diff --git a/vnext/src/Libraries/StyleSheet/StyleSheetTypes.windows.js b/vnext/src/Libraries/StyleSheet/StyleSheetTypes.windows.js
deleted file mode 100644
index 831ad36a9e5..00000000000
--- a/vnext/src/Libraries/StyleSheet/StyleSheetTypes.windows.js
+++ /dev/null
@@ -1,672 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- *
- * @flow strict-local
- * @format
- */
-
-'use strict';
-
-const AnimatedNode = require('../Animated/src/nodes/AnimatedNode');
-import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
-
-export type ColorValue = null | string | NativeOrDynamicColorType; // TODO(macOS ISS#2323203)
-export type ColorArrayValue = null | $ReadOnlyArray<ColorValue>;
-export type PointValue = {|
-  x: number,
-  y: number,
-|};
-export type EdgeInsetsValue = {|
-  top: number,
-  left: number,
-  right: number,
-  bottom: number,
-|};
-export type DimensionValue = null | number | string | AnimatedNode;
-
-/**
- * React Native's layout system is based on Flexbox and is powered both
- * on iOS and Android by an open source project called `Yoga`:
- * https://github.com/facebook/yoga
- *
- * The implementation in Yoga is slightly different from what the
- * Flexbox spec defines - for example, we chose more sensible default
- * values. Since our layout docs are generated from the comments in this
- * file, please keep a brief comment describing each prop type.
- *
- * These properties are a subset of our styles that are consumed by the layout
- * algorithm and affect the positioning and sizing of views.
- */
-type ____LayoutStyle_Internal = $ReadOnly<{|
-  /** `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?: 'none' | 'flex',
-
-  /** `width` sets the width of this component.
-   *
-   *  It works similarly to `width` in CSS, but in React Native you
-   *  must use points or percentages. Ems and other units are not supported.
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/width for more details.
-   */
-  width?: DimensionValue,
-
-  /** `height` sets the height of this component.
-   *
-   *  It works similarly to `height` in CSS, but in React Native you
-   *  must use points or percentages. Ems and other units are not supported.
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/height for more details.
-   */
-  height?: DimensionValue,
-
-  /** `bottom` is the number of logical pixels to offset the bottom edge of
-   *  this component.
-   *
-   *  It works similarly to `bottom` in CSS, but in React Native you
-   *  must use points or percentages. Ems and other units are not supported.
-   *
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/bottom
-   *  for more details of how `bottom` affects layout.
-   */
-  bottom?: DimensionValue,
-
-  /**
-   * When the direction is `ltr`, `end` is equivalent to `right`.
-   * When the direction is `rtl`, `end` is equivalent to `left`.
-   *
-   * This style takes precedence over the `left` and `right` styles.
-   */
-  end?: DimensionValue,
-
-  /** `left` is the number of logical pixels to offset the left edge of
-   *  this component.
-   *
-   *  It works similarly to `left` in CSS, but in React Native you
-   *  must use points or percentages. Ems and other units are not supported.
-   *
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/left
-   *  for more details of how `left` affects layout.
-   */
-  left?: DimensionValue,
-
-  /** `right` is the number of logical pixels to offset the right edge of
-   *  this component.
-   *
-   *  It works similarly to `right` in CSS, but in React Native you
-   *  must use points or percentages. Ems and other units are not supported.
-   *
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/right
-   *  for more details of how `right` affects layout.
-   */
-  right?: DimensionValue,
-
-  /**
-   * When the direction is `ltr`, `start` is equivalent to `left`.
-   * When the direction is `rtl`, `start` is equivalent to `right`.
-   *
-   * This style takes precedence over the `left`, `right`, and `end` styles.
-   */
-  start?: DimensionValue,
-
-  /** `top` is the number of logical pixels to offset the top edge of
-   *  this component.
-   *
-   *  It works similarly to `top` in CSS, but in React Native you
-   *  must use points or percentages. Ems and other units are not supported.
-   *
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/top
-   *  for more details of how `top` affects layout.
-   */
-  top?: DimensionValue,
-
-  /** `minWidth` is the minimum width for this component, in logical pixels.
-   *
-   *  It works similarly to `min-width` in CSS, but in React Native you
-   *  must use points or percentages. Ems and other units are not supported.
-   *
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/min-width
-   *  for more details.
-   */
-  minWidth?: DimensionValue,
-
-  /** `maxWidth` is the maximum width for this component, in logical pixels.
-   *
-   *  It works similarly to `max-width` in CSS, but in React Native you
-   *  must use points or percentages. Ems and other units are not supported.
-   *
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/max-width
-   *  for more details.
-   */
-  maxWidth?: DimensionValue,
-
-  /** `minHeight` is the minimum height for this component, in logical pixels.
-   *
-   *  It works similarly to `min-height` in CSS, but in React Native you
-   *  must use points or percentages. Ems and other units are not supported.
-   *
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/min-height
-   *  for more details.
-   */
-  minHeight?: DimensionValue,
-
-  /** `maxHeight` is the maximum height for this component, in logical pixels.
-   *
-   *  It works similarly to `max-height` in CSS, but in React Native you
-   *  must use points or percentages. Ems and other units are not supported.
-   *
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/max-height
-   *  for more details.
-   */
-  maxHeight?: DimensionValue,
-
-  /** Setting `margin` has the same effect as setting each of
-   *  `marginTop`, `marginLeft`, `marginBottom`, and `marginRight`.
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin
-   *  for more details.
-   */
-  margin?: DimensionValue,
-
-  /** `marginBottom` works like `margin-bottom` in CSS.
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
-   *  for more details.
-   */
-  marginBottom?: DimensionValue,
-
-  /**
-   * When direction is `ltr`, `marginEnd` is equivalent to `marginRight`.
-   * When direction is `rtl`, `marginEnd` is equivalent to `marginLeft`.
-   */
-  marginEnd?: DimensionValue,
-
-  /** Setting `marginHorizontal` has the same effect as setting
-   *  both `marginLeft` and `marginRight`.
-   */
-  marginHorizontal?: DimensionValue,
-
-  /** `marginLeft` works like `margin-left` in CSS.
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
-   *  for more details.
-   */
-  marginLeft?: DimensionValue,
-
-  /** `marginRight` works like `margin-right` in CSS.
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
-   *  for more details.
-   */
-  marginRight?: DimensionValue,
-
-  /**
-   * When direction is `ltr`, `marginStart` is equivalent to `marginLeft`.
-   * When direction is `rtl`, `marginStart` is equivalent to `marginRight`.
-   */
-  marginStart?: DimensionValue,
-
-  /** `marginTop` works like `margin-top` in CSS.
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
-   *  for more details.
-   */
-  marginTop?: DimensionValue,
-
-  /** Setting `marginVertical` has the same effect as setting both
-   *  `marginTop` and `marginBottom`.
-   */
-  marginVertical?: DimensionValue,
-
-  /** Setting `padding` has the same effect as setting each of
-   *  `paddingTop`, `paddingBottom`, `paddingLeft`, and `paddingRight`.
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/padding
-   *  for more details.
-   */
-  padding?: DimensionValue,
-
-  /** `paddingBottom` works like `padding-bottom` in CSS.
-   * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
-   * for more details.
-   */
-  paddingBottom?: DimensionValue,
-
-  /**
-   * When direction is `ltr`, `paddingEnd` is equivalent to `paddingRight`.
-   * When direction is `rtl`, `paddingEnd` is equivalent to `paddingLeft`.
-   */
-  paddingEnd?: DimensionValue,
-
-  /** Setting `paddingHorizontal` is like setting both of
-   *  `paddingLeft` and `paddingRight`.
-   */
-  paddingHorizontal?: DimensionValue,
-
-  /** `paddingLeft` works like `padding-left` in CSS.
-   * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
-   * for more details.
-   */
-  paddingLeft?: DimensionValue,
-
-  /** `paddingRight` works like `padding-right` in CSS.
-   * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
-   * for more details.
-   */
-  paddingRight?: DimensionValue,
-
-  /**
-   * When direction is `ltr`, `paddingStart` is equivalent to `paddingLeft`.
-   * When direction is `rtl`, `paddingStart` is equivalent to `paddingRight`.
-   */
-  paddingStart?: DimensionValue,
-
-  /** `paddingTop` works like `padding-top` in CSS.
-   * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
-   * for more details.
-   */
-  paddingTop?: DimensionValue,
-
-  /** Setting `paddingVertical` is like setting both of
-   *  `paddingTop` and `paddingBottom`.
-   */
-  paddingVertical?: DimensionValue,
-
-  /** `borderWidth` works like `border-width` in CSS.
-   * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-width
-   * for more details.
-   */
-  borderWidth?: number,
-
-  /** `borderBottomWidth` works like `border-bottom-width` in CSS.
-   * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width
-   * for more details.
-   */
-  borderBottomWidth?: number,
-
-  /**
-   * When direction is `ltr`, `borderEndWidth` is equivalent to `borderRightWidth`.
-   * When direction is `rtl`, `borderEndWidth` is equivalent to `borderLeftWidth`.
-   */
-  borderEndWidth?: number,
-
-  /** `borderLeftWidth` works like `border-left-width` in CSS.
-   * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width
-   * for more details.
-   */
-  borderLeftWidth?: number,
-
-  /** `borderRightWidth` works like `border-right-width` in CSS.
-   * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width
-   * for more details.
-   */
-  borderRightWidth?: number,
-
-  /**
-   * When direction is `ltr`, `borderStartWidth` is equivalent to `borderLeftWidth`.
-   * When direction is `rtl`, `borderStartWidth` is equivalent to `borderRightWidth`.
-   */
-  borderStartWidth?: number,
-
-  /** `borderTopWidth` works like `border-top-width` in CSS.
-   * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width
-   * for more details.
-   */
-  borderTopWidth?: number,
-
-  /** `position` in React Native is similar to regular CSS, but
-   *  everything is set to `relative` by default, so `absolute`
-   *  positioning is always just relative to the parent.
-   *
-   *  If you want to position a child using specific numbers of logical
-   *  pixels relative to its parent, set the child to have `absolute`
-   *  position.
-   *
-   *  If you want to position a child relative to something
-   *  that is not its parent, just don't use styles for that. Use the
-   *  component tree.
-   *
-   *  See https://github.com/facebook/yoga
-   *  for more details on how `position` differs between React Native
-   *  and CSS.
-   */
-  position?: 'absolute' | 'relative',
-
-  /** `flexDirection` controls which directions children of a container go.
-   *  `row` goes left to right, `column` goes top to bottom, and you may
-   *  be able to guess what the other two do. It works like `flex-direction`
-   *  in CSS, except the default is `column`.
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
-   *  for more details.
-   */
-  flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse',
-
-  /** `flexWrap` controls whether children can wrap around after they
-   *  hit the end of a flex container.
-   *  It works like `flex-wrap` in CSS (default: nowrap).
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
-   *  for more details.
-   */
-  flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse',
-
-  /** `justifyContent` aligns children in the main direction.
-   *  For example, if children are flowing vertically, `justifyContent`
-   *  controls how they align vertically.
-   *  It works like `justify-content` in CSS (default: flex-start).
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
-   *  for more details.
-   */
-  justifyContent?:
-    | 'flex-start'
-    | 'flex-end'
-    | 'center'
-    | 'space-between'
-    | 'space-around'
-    | 'space-evenly',
-
-  /** `alignItems` aligns children in the cross direction.
-   *  For example, if children are flowing vertically, `alignItems`
-   *  controls how they align horizontally.
-   *  It works like `align-items` in CSS (default: stretch).
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
-   *  for more details.
-   */
-  alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline',
-
-  /** `alignSelf` controls how a child aligns in the cross direction,
-   *  overriding the `alignItems` of the parent. It works like `align-self`
-   *  in CSS (default: auto).
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
-   *  for more details.
-   */
-  alignSelf?:
-    | 'auto'
-    | 'flex-start'
-    | 'flex-end'
-    | 'center'
-    | 'stretch'
-    | 'baseline',
-
-  /** `alignContent` controls how rows align in the cross direction,
-   *  overriding the `alignContent` of the parent.
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
-   *  for more details.
-   */
-  alignContent?:
-    | 'flex-start'
-    | 'flex-end'
-    | 'center'
-    | 'stretch'
-    | 'space-between'
-    | 'space-around',
-
-  /** `overflow` controls how children are measured and displayed.
-   *  `overflow: hidden` causes views to be clipped while `overflow: scroll`
-   *  causes views to be measured independently of their parents main axis.
-   *  It works like `overflow` in CSS (default: visible).
-   *  See https://developer.mozilla.org/en/docs/Web/CSS/overflow
-   *  for more details.
-   *  `overflow: visible` only works on iOS. On Android, all views will clip
-   *  their children.
-   */
-  overflow?: '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
-   *  according to the `Yoga` library
-   *  at https://github.com/facebook/yoga
-   *
-   *  When `flex` is a positive number, it makes the component flexible
-   *  and it will be sized proportional to its flex value. So a
-   *  component with `flex` set to 2 will take twice the space as a
-   *  component with `flex` set to 1.
-   *
-   *  When `flex` is 0, the component is sized according to `width`
-   *  and `height` and it is inflexible.
-   *
-   *  When `flex` is -1, the component is normally sized according
-   *  `width` and `height`. However, if there's not enough space,
-   *  the component will shrink to its `minWidth` and `minHeight`.
-   *
-   * flexGrow, flexShrink, and flexBasis work the same as in CSS.
-   */
-  flex?: number,
-  flexGrow?: number,
-  flexShrink?: number,
-  flexBasis?: number | string,
-
-  /**
-   * Aspect ratio control the size of the undefined dimension of a node. Aspect ratio is a
-   * non-standard property only available in react native and not CSS.
-   *
-   * - 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
-   */
-  aspectRatio?: number,
-
-  /** `zIndex` controls which components display on top of others.
-   *  Normally, you don't use `zIndex`. Components render according to
-   *  their order in the document tree, so later components draw over
-   *  earlier ones. `zIndex` may be useful if you have animations or custom
-   *  modal interfaces where you don't want this behavior.
-   *
-   *  It works like the CSS `z-index` property - components with a larger
-   *  `zIndex` will render on top. Think of the z-direction like it's
-   *  pointing from the phone into your eyeball.
-   *  See https://developer.mozilla.org/en-US/docs/Web/CSS/z-index for
-   *  more details.
-   */
-  zIndex?: number,
-
-  /** `direction` specifies the directional flow of the user interface.
-   *  The default is `inherit`, except for root node which will have
-   *  value based on the current locale.
-   *  See https://facebook.github.io/yoga/docs/rtl/
-   *  for more details.
-   *  @platform ios
-   */
-  direction?: 'inherit' | 'ltr' | 'rtl',
-|}>;
-
-type ____TransformStyle_Internal = $ReadOnly<{|
-  /**
-   * `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
-   * transformation. Objects should not be combined. Use a single key/value pair
-   * per object.
-   *
-   * The rotate transformations require a string so that the transform may be
-   * expressed in degrees (deg) or radians (rad). For example:
-   *
-   * `transform([{ rotateX: '45deg' }, { rotateZ: '0.785398rad' }])`
-   *
-   * The skew transformations require a string so that the transform may be
-   * expressed in degrees (deg). For example:
-   *
-   * `transform([{ skewX: '45deg' }])`
-   */
-  transform?: $ReadOnlyArray<
-    | {|+perspective: number | AnimatedNode|}
-    | {|+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,
-      |}
-    | {|+skewX: string|}
-    | {|+skewY: string|}
-    // TODO: what is the actual type it expects?
-    | {|
-        +matrix: $ReadOnlyArray<number | AnimatedNode> | AnimatedNode,
-      |},
-  >,
-|}>;
-
-/**
- * These props can be used to dynamically generate shadows on views, images, text, etc.
- *
- * Because they are dynamically generated, they may cause performance regressions. Static
- * shadow image asset may be a better way to go for optimal performance.
- *
- * These properties are iOS only - for similar functionality on Android, use the [`elevation`
- * property](docs/viewstyleproptypes.html#elevation).
- */
-export type ____ShadowStyle_Internal = $ReadOnly<{|
-  /**
-   * Sets the drop shadow color
-   * @platform ios
-   */
-  shadowColor?: ColorValue,
-  /**
-   * Sets the drop shadow offset
-   * @platform ios
-   */
-  shadowOffset?: $ReadOnly<{|
-    width?: number,
-    height?: number,
-  |}>,
-  /**
-   * Sets the drop shadow opacity (multiplied by the color's alpha component)
-   * @platform ios
-   */
-  shadowOpacity?: number | AnimatedNode,
-  /**
-   * Sets the drop shadow blur radius
-   * @platform ios
-   */
-  shadowRadius?: number,
-|}>;
-
-export type ____ViewStyle_Internal = $ReadOnly<{|
-  ...$Exact<____LayoutStyle_Internal>,
-  ...$Exact<____ShadowStyle_Internal>,
-  ...$Exact<____TransformStyle_Internal>,
-  backfaceVisibility?: 'visible' | 'hidden',
-  backgroundColor?: ColorValue,
-  borderColor?: ColorValue,
-  borderBottomColor?: ColorValue,
-  borderEndColor?: ColorValue,
-  borderLeftColor?: ColorValue,
-  borderRightColor?: ColorValue,
-  borderStartColor?: ColorValue,
-  borderTopColor?: ColorValue,
-  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 | 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 ____FontWeight_Internal =
-  | 'normal'
-  | 'bold'
-  | '100'
-  | '200'
-  | '300'
-  | '400'
-  | '500'
-  | '600'
-  | '700'
-  | '800'
-  | '900';
-
-export type ____TextStyle_Internal = $ReadOnly<{|
-  ...$Exact<____ViewStyle_Internal>,
-  color?: ColorValue,
-  fontFamily?: string,
-  fontSize?: number,
-  fontStyle?: 'normal' | 'italic',
-  fontWeight?: ____FontWeight_Internal,
-  fontVariant?: $ReadOnlyArray<
-    | 'small-caps'
-    | 'oldstyle-nums'
-    | 'lining-nums'
-    | 'tabular-nums'
-    | 'proportional-nums',
-  >,
-  textShadowOffset?: $ReadOnly<{|
-    width: number,
-    height: number,
-  |}>,
-  textShadowRadius?: number,
-  textShadowColor?: ColorValue,
-  letterSpacing?: number,
-  lineHeight?: number,
-  textAlign?: 'auto' | 'left' | 'right' | 'center' | 'justify',
-  textAlignVertical?: 'auto' | 'top' | 'bottom' | 'center',
-  includeFontPadding?: boolean,
-  textDecorationLine?:
-    | 'none'
-    | 'underline'
-    | 'line-through'
-    | 'underline line-through',
-  textDecorationStyle?: 'solid' | 'double' | 'dotted' | 'dashed',
-  textDecorationColor?: ColorValue,
-  textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase',
-  writingDirection?: 'auto' | 'ltr' | 'rtl',
-|}>;
-
-export type ____ImageStyle_Internal = $ReadOnly<{|
-  ...$Exact<____ViewStyle_Internal>,
-  resizeMode?: 'contain' | 'cover' | 'stretch' | 'center' | 'repeat',
-  tintColor?: ColorValue,
-  overlayColor?: string,
-|}>;
-
-export type ____DangerouslyImpreciseStyle_Internal = {
-  ...$Exact<____TextStyle_Internal>,
-  +resizeMode?: 'contain' | 'cover' | 'stretch' | 'center' | 'repeat',
-  +tintColor?: ColorValue,
-  +overlayColor?: string,
-  ...
-};
-
-type GenericStyleProp<+T> =
-  | null
-  | void
-  | T
-  | false
-  | ''
-  | $ReadOnlyArray<GenericStyleProp<T>>;
-
-export type ____DangerouslyImpreciseStyleProp_Internal = GenericStyleProp<
-  $Shape<____DangerouslyImpreciseStyle_Internal>,
->;
-export type ____ViewStyleProp_Internal = GenericStyleProp<
-  $ReadOnly<$Shape<____ViewStyle_Internal>>,
->;
-export type ____TextStyleProp_Internal = GenericStyleProp<
-  $ReadOnly<$Shape<____TextStyle_Internal>>,
->;
-export type ____ImageStyleProp_Internal = GenericStyleProp<
-  $ReadOnly<$Shape<____ImageStyle_Internal>>,
->;
-
-export type ____Styles_Internal = {
-  +[key: string]: $Shape<____DangerouslyImpreciseStyle_Internal>,
-  ...,
-};
diff --git a/vnext/src/Libraries/StyleSheet/StyleSheetValidation.windows.js b/vnext/src/Libraries/StyleSheet/StyleSheetValidation.windows.js
new file mode 100644
index 00000000000..cb60f0d10fc
--- /dev/null
+++ b/vnext/src/Libraries/StyleSheet/StyleSheetValidation.windows.js
@@ -0,0 +1,102 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 DeprecatedImageStylePropTypes = require('../DeprecatedPropTypes/DeprecatedImageStylePropTypes');
+const DeprecatedTextStylePropTypes = require('../DeprecatedPropTypes/DeprecatedTextStylePropTypes');
+const DeprecatedViewStylePropTypes = require('../DeprecatedPropTypes/DeprecatedViewStylePropTypes');
+
+const invariant = require('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
+// is done in the DOM so this might move into React. I know what I'm doing so
+// plz don't fire me.
+const ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+
+class StyleSheetValidation {
+  static validateStyleProp(prop: string, style: Object, caller: string) {
+    if (!__DEV__ || global.__RCTProfileIsProfiling) {
+      return;
+    }
+    if (allStylePropTypes[prop] === undefined) {
+      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);
+    }
+    const error = allStylePropTypes[prop](
+      style,
+      prop,
+      caller,
+      'prop',
+      null,
+      ReactPropTypesSecret,
+    );
+    if (error) {
+      styleError(error.message, style, caller);
+    }
+  }
+
+  static validateStyle(name: string, styles: Object) {
+    if (!__DEV__ || global.__RCTProfileIsProfiling) {
+      return;
+    }
+    // [Windows #5269
+    if (!styles[name]) {
+      return;
+    }
+    // Windows]
+    const styleProps = Object.keys(styles[name]);
+    for (const prop of styleProps) {
+      StyleSheetValidation.validateStyleProp(
+        prop,
+        styles[name],
+        'StyleSheet ' + name,
+      );
+    }
+  }
+
+  /* $FlowFixMe(>=0.85.0 site=react_native_fb) This comment suppresses an error
+   * found when Flow v0.85 was deployed. To see the error, delete this comment
+   * and run Flow. */
+  static addValidStylePropTypes(stylePropTypes) {
+    if (!__DEV__ || global.__RCTProfileIsProfiling) {
+      return;
+    }
+    for (const key in stylePropTypes) {
+      allStylePropTypes[key] = stylePropTypes[key];
+    }
+  }
+}
+
+const styleError = function(message1, style, caller?, message2?) {
+  invariant(
+    false,
+    message1 +
+      '\n' +
+      (caller || '<<unknown>>') +
+      ': ' +
+      JSON.stringify(style, null, '  ') +
+      (message2 || ''),
+  );
+};
+
+const allStylePropTypes = {};
+
+if (__DEV__ && !global.__RCTProfileIsProfiling) {
+  StyleSheetValidation.addValidStylePropTypes(DeprecatedImageStylePropTypes);
+  StyleSheetValidation.addValidStylePropTypes(DeprecatedTextStylePropTypes);
+  StyleSheetValidation.addValidStylePropTypes(DeprecatedViewStylePropTypes);
+}
+
+module.exports = StyleSheetValidation;
diff --git a/vnext/src/Libraries/StyleSheet/normalizeColor.windows.js b/vnext/src/Libraries/StyleSheet/normalizeColor.windows.js
deleted file mode 100644
index 3b18b686194..00000000000
--- a/vnext/src/Libraries/StyleSheet/normalizeColor.windows.js
+++ /dev/null
@@ -1,393 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- *
- * @format
- * @flow
- */
-
-/* eslint no-bitwise: 0 */
-'use strict';
-
-import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
-
-function normalizeColor(
-  color: ?(
-    | string
-    | number
-    | NativeOrDynamicColorType
-  ) /* TODO(macOS ISS#2323203) */,
-): ?(number | NativeOrDynamicColorType) /* TODO(macOS ISS#2323203) */ {
-  const matchers = getMatchers();
-  let match;
-
-  if (typeof color === 'number') {
-    if (color >>> 0 === color && color >= 0 && color <= 0xffffffff) {
-      return color;
-    }
-    return null;
-  }
-
-  // [TODO(macOS ISS#2323203)
-  if (typeof color === 'object' && color !== null) {
-    const normalizeColorObject = require('./normalizeColorObject'); // TODO(macOS ISS#2323203)
-
-    const normalizedColorObj = normalizeColorObject(color);
-
-    if (normalizedColorObj !== null) {
-      return color;
-    }
-  }
-
-  if (typeof color !== 'string') {
-    return null;
-  } // ]TODO(macOS ISS#2323203)
-
-  // Ordered based on occurrences on Facebook codebase
-  if ((match = matchers.hex6.exec(color))) {
-    return parseInt(match[1] + 'ff', 16) >>> 0;
-  }
-
-  if (names.hasOwnProperty(color)) {
-    return names[color];
-  }
-
-  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
-    );
-  }
-
-  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
-    );
-  }
-
-  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
-    );
-  }
-
-  // https://drafts.csswg.org/css-color-4/#hex-notation
-  if ((match = matchers.hex8.exec(color))) {
-    return parseInt(match[1], 16) >>> 0;
-  }
-
-  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
-    );
-  }
-
-  if ((match = matchers.hsl.exec(color))) {
-    return (
-      (hslToRgb(
-        parse360(match[1]), // h
-        parsePercentage(match[2]), // s
-        parsePercentage(match[3]), // l
-      ) |
-        0x000000ff) >>> // a
-      0
-    );
-  }
-
-  if ((match = matchers.hsla.exec(color))) {
-    return (
-      (hslToRgb(
-        parse360(match[1]), // h
-        parsePercentage(match[2]), // s
-        parsePercentage(match[3]), // l
-      ) |
-        parse1(match[4])) >>> // a
-      0
-    );
-  }
-
-  return null;
-}
-
-function hue2rgb(p: number, q: number, t: number): number {
-  if (t < 0) {
-    t += 1;
-  }
-  if (t > 1) {
-    t -= 1;
-  }
-  if (t < 1 / 6) {
-    return p + (q - p) * 6 * t;
-  }
-  if (t < 1 / 2) {
-    return q;
-  }
-  if (t < 2 / 3) {
-    return p + (q - p) * (2 / 3 - t) * 6;
-  }
-  return p;
-}
-
-function hslToRgb(h: number, s: number, l: number): number {
-  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)
-  );
-}
-
-// var INTEGER = '[-+]?\\d+';
-const NUMBER = '[-+]?\\d*\\.?\\d+';
-const PERCENTAGE = NUMBER + '%';
-
-function call(...args) {
-  return '\\(\\s*(' + args.join(')\\s*,\\s*(') + ')\\s*\\)';
-}
-
-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 {
-  const int = parseInt(str, 10);
-  if (int < 0) {
-    return 0;
-  }
-  if (int > 255) {
-    return 255;
-  }
-  return int;
-}
-
-function parse360(str: string): number {
-  const int = parseFloat(str);
-  return (((int % 360) + 360) % 360) / 360;
-}
-
-function parse1(str: string): number {
-  const num = parseFloat(str);
-  if (num < 0) {
-    return 0;
-  }
-  if (num > 1) {
-    return 255;
-  }
-  return Math.round(num * 255);
-}
-
-function parsePercentage(str: string): number {
-  // parseFloat conveniently ignores the final %
-  const int = parseFloat(str);
-  if (int < 0) {
-    return 0;
-  }
-  if (int > 100) {
-    return 1;
-  }
-  return int / 100;
-}
-
-const names = {
-  transparent: 0x00000000,
-
-  // http://www.w3.org/TR/css3-color/#svg-color
-  aliceblue: 0xf0f8ffff,
-  antiquewhite: 0xfaebd7ff,
-  aqua: 0x00ffffff,
-  aquamarine: 0x7fffd4ff,
-  azure: 0xf0ffffff,
-  beige: 0xf5f5dcff,
-  bisque: 0xffe4c4ff,
-  black: 0x000000ff,
-  blanchedalmond: 0xffebcdff,
-  blue: 0x0000ffff,
-  blueviolet: 0x8a2be2ff,
-  brown: 0xa52a2aff,
-  burlywood: 0xdeb887ff,
-  burntsienna: 0xea7e5dff,
-  cadetblue: 0x5f9ea0ff,
-  chartreuse: 0x7fff00ff,
-  chocolate: 0xd2691eff,
-  coral: 0xff7f50ff,
-  cornflowerblue: 0x6495edff,
-  cornsilk: 0xfff8dcff,
-  crimson: 0xdc143cff,
-  cyan: 0x00ffffff,
-  darkblue: 0x00008bff,
-  darkcyan: 0x008b8bff,
-  darkgoldenrod: 0xb8860bff,
-  darkgray: 0xa9a9a9ff,
-  darkgreen: 0x006400ff,
-  darkgrey: 0xa9a9a9ff,
-  darkkhaki: 0xbdb76bff,
-  darkmagenta: 0x8b008bff,
-  darkolivegreen: 0x556b2fff,
-  darkorange: 0xff8c00ff,
-  darkorchid: 0x9932ccff,
-  darkred: 0x8b0000ff,
-  darksalmon: 0xe9967aff,
-  darkseagreen: 0x8fbc8fff,
-  darkslateblue: 0x483d8bff,
-  darkslategray: 0x2f4f4fff,
-  darkslategrey: 0x2f4f4fff,
-  darkturquoise: 0x00ced1ff,
-  darkviolet: 0x9400d3ff,
-  deeppink: 0xff1493ff,
-  deepskyblue: 0x00bfffff,
-  dimgray: 0x696969ff,
-  dimgrey: 0x696969ff,
-  dodgerblue: 0x1e90ffff,
-  firebrick: 0xb22222ff,
-  floralwhite: 0xfffaf0ff,
-  forestgreen: 0x228b22ff,
-  fuchsia: 0xff00ffff,
-  gainsboro: 0xdcdcdcff,
-  ghostwhite: 0xf8f8ffff,
-  gold: 0xffd700ff,
-  goldenrod: 0xdaa520ff,
-  gray: 0x808080ff,
-  green: 0x008000ff,
-  greenyellow: 0xadff2fff,
-  grey: 0x808080ff,
-  honeydew: 0xf0fff0ff,
-  hotpink: 0xff69b4ff,
-  indianred: 0xcd5c5cff,
-  indigo: 0x4b0082ff,
-  ivory: 0xfffff0ff,
-  khaki: 0xf0e68cff,
-  lavender: 0xe6e6faff,
-  lavenderblush: 0xfff0f5ff,
-  lawngreen: 0x7cfc00ff,
-  lemonchiffon: 0xfffacdff,
-  lightblue: 0xadd8e6ff,
-  lightcoral: 0xf08080ff,
-  lightcyan: 0xe0ffffff,
-  lightgoldenrodyellow: 0xfafad2ff,
-  lightgray: 0xd3d3d3ff,
-  lightgreen: 0x90ee90ff,
-  lightgrey: 0xd3d3d3ff,
-  lightpink: 0xffb6c1ff,
-  lightsalmon: 0xffa07aff,
-  lightseagreen: 0x20b2aaff,
-  lightskyblue: 0x87cefaff,
-  lightslategray: 0x778899ff,
-  lightslategrey: 0x778899ff,
-  lightsteelblue: 0xb0c4deff,
-  lightyellow: 0xffffe0ff,
-  lime: 0x00ff00ff,
-  limegreen: 0x32cd32ff,
-  linen: 0xfaf0e6ff,
-  magenta: 0xff00ffff,
-  maroon: 0x800000ff,
-  mediumaquamarine: 0x66cdaaff,
-  mediumblue: 0x0000cdff,
-  mediumorchid: 0xba55d3ff,
-  mediumpurple: 0x9370dbff,
-  mediumseagreen: 0x3cb371ff,
-  mediumslateblue: 0x7b68eeff,
-  mediumspringgreen: 0x00fa9aff,
-  mediumturquoise: 0x48d1ccff,
-  mediumvioletred: 0xc71585ff,
-  midnightblue: 0x191970ff,
-  mintcream: 0xf5fffaff,
-  mistyrose: 0xffe4e1ff,
-  moccasin: 0xffe4b5ff,
-  navajowhite: 0xffdeadff,
-  navy: 0x000080ff,
-  oldlace: 0xfdf5e6ff,
-  olive: 0x808000ff,
-  olivedrab: 0x6b8e23ff,
-  orange: 0xffa500ff,
-  orangered: 0xff4500ff,
-  orchid: 0xda70d6ff,
-  palegoldenrod: 0xeee8aaff,
-  palegreen: 0x98fb98ff,
-  paleturquoise: 0xafeeeeff,
-  palevioletred: 0xdb7093ff,
-  papayawhip: 0xffefd5ff,
-  peachpuff: 0xffdab9ff,
-  peru: 0xcd853fff,
-  pink: 0xffc0cbff,
-  plum: 0xdda0ddff,
-  powderblue: 0xb0e0e6ff,
-  purple: 0x800080ff,
-  rebeccapurple: 0x663399ff,
-  red: 0xff0000ff,
-  rosybrown: 0xbc8f8fff,
-  royalblue: 0x4169e1ff,
-  saddlebrown: 0x8b4513ff,
-  salmon: 0xfa8072ff,
-  sandybrown: 0xf4a460ff,
-  seagreen: 0x2e8b57ff,
-  seashell: 0xfff5eeff,
-  sienna: 0xa0522dff,
-  silver: 0xc0c0c0ff,
-  skyblue: 0x87ceebff,
-  slateblue: 0x6a5acdff,
-  slategray: 0x708090ff,
-  slategrey: 0x708090ff,
-  snow: 0xfffafaff,
-  springgreen: 0x00ff7fff,
-  steelblue: 0x4682b4ff,
-  tan: 0xd2b48cff,
-  teal: 0x008080ff,
-  thistle: 0xd8bfd8ff,
-  tomato: 0xff6347ff,
-  turquoise: 0x40e0d0ff,
-  violet: 0xee82eeff,
-  wheat: 0xf5deb3ff,
-  white: 0xffffffff,
-  whitesmoke: 0xf5f5f5ff,
-  yellow: 0xffff00ff,
-  yellowgreen: 0x9acd32ff,
-};
-
-module.exports = normalizeColor;
diff --git a/vnext/src/Libraries/StyleSheet/normalizeColorObject.windesktop.js b/vnext/src/Libraries/StyleSheet/normalizeColorObject.windesktop.js
deleted file mode 100644
index 2204abcd7d9..00000000000
--- a/vnext/src/Libraries/StyleSheet/normalizeColorObject.windesktop.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-
-'use strict';
-
-export type NativeOrDynamicColorType = {};
-
-function normalizeColorObject(
-  color: NativeOrDynamicColorType,
-): ?(number | NativeOrDynamicColorType) {
-  return null;
-}
-
-module.exports = normalizeColorObject;
diff --git a/vnext/src/Libraries/StyleSheet/normalizeColorObject.windows.js b/vnext/src/Libraries/StyleSheet/normalizeColorObject.windows.js
deleted file mode 100644
index 357ce59f9da..00000000000
--- a/vnext/src/Libraries/StyleSheet/normalizeColorObject.windows.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-
-'use strict';
-
-export type NativeOrDynamicColorType = {
-  windowsbrush?: string,
-};
-
-function normalizeColorObject(
-  color: NativeOrDynamicColorType,
-): ?(number | NativeOrDynamicColorType) {
-  if ('windowsbrush' in color) {
-    return color;
-  }
-
-  return null;
-}
-
-module.exports = normalizeColorObject;
diff --git a/vnext/src/Libraries/StyleSheet/processColor.windows.js b/vnext/src/Libraries/StyleSheet/processColor.windows.js
deleted file mode 100644
index 63c75be788f..00000000000
--- a/vnext/src/Libraries/StyleSheet/processColor.windows.js
+++ /dev/null
@@ -1,56 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-const Platform = require('../Utilities/Platform');
-
-const normalizeColor = require('./normalizeColor');
-import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType'; // ]TODO(macOS ISS#2323203)
-
-/* eslint no-bitwise: 0 */
-function processColor(
-  color?: ?(string | number | NativeOrDynamicColorType),
-): ?(number | NativeOrDynamicColorType) /* TODO(macOS ISS#2323203) */ {
-  if (color === undefined || color === null) {
-    return color;
-  }
-
-  let int32Color = normalizeColor(color);
-  if (int32Color === null || int32Color === undefined) {
-    return undefined;
-  }
-
-  if (typeof int32Color === 'object') {
-    const processColorObject = require('./processColorObject'); // TODO(macOS ISS#2323203)
-
-    const processedColorObj = processColorObject(int32Color);
-
-    if (processedColorObj !== null) {
-      return processedColorObj;
-    }
-  }
-
-  if (typeof int32Color !== 'number') {
-    return null;
-  } // ]TODO(macOS ISS#2323203)
-
-  // Converts 0xrrggbbaa into 0xaarrggbb
-  int32Color = ((int32Color << 24) | (int32Color >>> 8)) >>> 0;
-
-  if (Platform.OS === 'android') {
-    // Android use 32 bit *signed* integer to represent the color
-    // We utilize the fact that bitwise operations in JS also operates on
-    // signed 32 bit integers, so that we can use those to convert from
-    // *unsigned* to *signed* 32bit int that way.
-    int32Color = int32Color | 0x0;
-  }
-  return int32Color;
-}
-
-module.exports = processColor;
diff --git a/vnext/src/Libraries/StyleSheet/processColorArray.windows.js b/vnext/src/Libraries/StyleSheet/processColorArray.windows.js
deleted file mode 100644
index 066a78caa06..00000000000
--- a/vnext/src/Libraries/StyleSheet/processColorArray.windows.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-const processColor = require('./processColor');
-import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
-
-function processColorArray(
-  /* $FlowFixMe(>=0.89.0 site=react_native_fb) This comment suppresses an
-   * error found when Flow v0.89 was deployed. To see the error, delete
-   * this comment and run Flow. */
-  colors: ?Array<any>,
-): ?Array<?(number | NativeOrDynamicColorType)> /* TODO(macOS ISS#2323203) */ {
-  // ]TODO(macOS ISS#2323203)
-  return colors == null ? null : colors.map(processColor);
-}
-
-module.exports = processColorArray;
diff --git a/vnext/src/Libraries/StyleSheet/processColorObject.windesktop.js b/vnext/src/Libraries/StyleSheet/processColorObject.windesktop.js
deleted file mode 100644
index 2e8276b8101..00000000000
--- a/vnext/src/Libraries/StyleSheet/processColorObject.windesktop.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-
-'use strict';
-
-import type {NativeOrDynamicColorType} from './normalizeColorObject';
-
-function processColorObject(
-  color: NativeOrDynamicColorType,
-): ?NativeOrDynamicColorType {
-  return null;
-}
-
-module.exports = processColorObject;
diff --git a/vnext/src/Libraries/StyleSheet/processColorObject.windows.js b/vnext/src/Libraries/StyleSheet/processColorObject.windows.js
deleted file mode 100644
index 0c7e1fa0a70..00000000000
--- a/vnext/src/Libraries/StyleSheet/processColorObject.windows.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @flow
- * @format
- */
-
-'use strict';
-
-import type {NativeOrDynamicColorType} from './normalizeColorObject';
-
-function processColorObject(
-  color: NativeOrDynamicColorType,
-): ?NativeOrDynamicColorType {
-  return color;
-}
-
-module.exports = processColorObject;
diff --git a/vnext/src/Libraries/Utilities/Appearance.windows.js b/vnext/src/Libraries/Utilities/Appearance.windows.js
new file mode 100644
index 00000000000..93acaba998c
--- /dev/null
+++ b/vnext/src/Libraries/Utilities/Appearance.windows.js
@@ -0,0 +1,89 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 EventEmitter from '../vendor/emitter/EventEmitter';
+import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
+import NativeAppearance, {
+  type AppearancePreferences,
+  type ColorSchemeName,
+} from './NativeAppearance';
+import invariant from 'invariant';
+import {isAsyncDebugging} from './DebugEnvironment'; // [Windows] taken from f7b90336be25
+
+type AppearanceListener = (preferences: AppearancePreferences) => void;
+const eventEmitter = new EventEmitter();
+
+if (NativeAppearance) {
+  const nativeEventEmitter = new NativeEventEmitter(NativeAppearance);
+  nativeEventEmitter.addListener(
+    'appearanceChanged',
+    (newAppearance: AppearancePreferences) => {
+      const {colorScheme} = newAppearance;
+      invariant(
+        colorScheme === 'dark' ||
+          colorScheme === 'light' ||
+          colorScheme == null,
+        "Unrecognized color scheme. Did you mean 'dark' or 'light'?",
+      );
+      eventEmitter.emit('change', {colorScheme});
+    },
+  );
+}
+
+module.exports = {
+  /**
+   * Note: Although color scheme is available immediately, it may change at any
+   * time. Any rendering logic or styles that depend on this should try to call
+   * this function on every render, rather than caching the value (for example,
+   * using inline styles rather than setting a value in a `StyleSheet`).
+   *
+   * Example: `const colorScheme = Appearance.getColorScheme();`
+   *
+   * @returns {?ColorSchemeName} Value for the color scheme preference.
+   */
+  getColorScheme(): ?ColorSchemeName {
+    // [Windows Taken from f7b90336be25
+    if (__DEV__) {
+      if (isAsyncDebugging) {
+        // Hard code light theme when using the async debugger as
+        // sync calls aren't supported
+        return 'light';
+      }
+    }
+    // Windows]
+
+    // TODO: (hramos) T52919652 Use ?ColorSchemeName once codegen supports union
+    const nativeColorScheme: ?string =
+      NativeAppearance == null
+        ? null
+        : NativeAppearance.getColorScheme() || null;
+    invariant(
+      nativeColorScheme === 'dark' ||
+        nativeColorScheme === 'light' ||
+        nativeColorScheme == null,
+      "Unrecognized color scheme. Did you mean 'dark' or 'light'?",
+    );
+    return nativeColorScheme;
+  },
+  /**
+   * Add an event handler that is fired when appearance preferences change.
+   */
+  addChangeListener(listener: AppearanceListener): void {
+    eventEmitter.addListener('change', listener);
+  },
+  /**
+   * Remove an event handler.
+   */
+  removeChangeListener(listener: AppearanceListener): void {
+    eventEmitter.removeListener('change', listener);
+  },
+};
diff --git a/vnext/src/Libraries/Utilities/DebugEnvironment.js b/vnext/src/Libraries/Utilities/DebugEnvironment.js
new file mode 100644
index 00000000000..c2b3e8ff57e
--- /dev/null
+++ b/vnext/src/Libraries/Utilities/DebugEnvironment.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+export let isAsyncDebugging: boolean = false;
+
+if (__DEV__) {
+  // These native interfaces don't exist in asynchronous debugging environments.
+  isAsyncDebugging =
+    !global.nativeExtensions &&
+    !global.nativeCallSyncHook &&
+    !global.RN$Bridgeless;
+}
diff --git a/vnext/src/Libraries/Utilities/HMRClient.windesktop.js b/vnext/src/Libraries/Utilities/HMRClient.windesktop.js
new file mode 100644
index 00000000000..e36dd083ab4
--- /dev/null
+++ b/vnext/src/Libraries/Utilities/HMRClient.windesktop.js
@@ -0,0 +1,334 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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 Platform = require('./Platform');
+
+//TODO: Implement for Desktop integration tests.
+// [Windesktop
+let DevSettings = null;
+if (Platform.OS !== 'windesktop') {
+  DevSettings = require('./DevSettings');
+}
+// Windesktop]
+const invariant = require('invariant');
+const MetroHMRClient = require('metro/src/lib/bundle-modules/HMRClient');
+const prettyFormat = require('pretty-format');
+
+import NativeRedBox from '../NativeModules/specs/NativeRedBox';
+import * as LogBoxData from '../LogBox/Data/LogBoxData';
+import type {ExtendedError} from '../Core/Devtools/parseErrorStack';
+
+const pendingEntryPoints = [];
+let hmrClient = null;
+let hmrUnavailableReason: string | null = null;
+let currentCompileErrorMessage: string | null = null;
+let didConnect: boolean = false;
+let pendingLogs: Array<[LogLevel, Array<mixed>]> = [];
+
+type LogLevel =
+  | 'trace'
+  | 'info'
+  | 'warn'
+  | 'error'
+  | 'log'
+  | 'group'
+  | 'groupCollapsed'
+  | 'groupEnd'
+  | 'debug';
+
+export type HMRClientNativeInterface = {|
+  enable(): void,
+  disable(): void,
+  registerBundle(requestUrl: string): void,
+  log(level: LogLevel, data: Array<mixed>): void,
+  setup(
+    platform: string,
+    bundleEntry: string,
+    host: string,
+    port: number | string,
+    isEnabled: boolean,
+  ): void,
+|};
+
+/**
+ * HMR Client that receives from the server HMR updates and propagates them
+ * runtime to reflects those changes.
+ */
+const HMRClient: HMRClientNativeInterface = {
+  enable() {
+    if (hmrUnavailableReason !== null) {
+      // If HMR became unavailable while you weren't using it,
+      // explain why when you try to turn it on.
+      // This is an error (and not a warning) because it is shown
+      // in response to a direct user action.
+      throw new Error(hmrUnavailableReason);
+    }
+
+    invariant(hmrClient, 'Expected HMRClient.setup() call at startup.');
+    const LoadingView = require('./LoadingView');
+
+    // We use this for internal logging only.
+    // It doesn't affect the logic.
+    hmrClient.send(JSON.stringify({type: 'log-opt-in'}));
+
+    // When toggling Fast Refresh on, we might already have some stashed updates.
+    // Since they'll get applied now, we'll show a banner.
+    const hasUpdates = hmrClient.hasPendingUpdates();
+
+    if (hasUpdates) {
+      LoadingView.showMessage('Refreshing...', 'refresh');
+    }
+    try {
+      hmrClient.enable();
+    } finally {
+      if (hasUpdates) {
+        LoadingView.hide();
+      }
+    }
+
+    // There could be a compile error while Fast Refresh was off,
+    // but we ignored it at the time. Show it now.
+    showCompileError();
+  },
+
+  disable() {
+    invariant(hmrClient, 'Expected HMRClient.setup() call at startup.');
+    hmrClient.disable();
+  },
+
+  registerBundle(requestUrl: string) {
+    invariant(hmrClient, 'Expected HMRClient.setup() call at startup.');
+    pendingEntryPoints.push(requestUrl);
+    registerBundleEntryPoints(hmrClient);
+  },
+
+  log(level: LogLevel, data: Array<mixed>) {
+    if (!hmrClient) {
+      // Catch a reasonable number of early logs
+      // in case hmrClient gets initialized later.
+      pendingLogs.push([level, data]);
+      if (pendingLogs.length > 100) {
+        pendingLogs.shift();
+      }
+      return;
+    }
+    try {
+      hmrClient.send(
+        JSON.stringify({
+          type: 'log',
+          level,
+          data: data.map(item =>
+            typeof item === 'string'
+              ? item
+              : prettyFormat(item, {
+                  escapeString: true,
+                  highlight: true,
+                  maxDepth: 3,
+                  min: true,
+                  plugins: [prettyFormat.plugins.ReactElement],
+                }),
+          ),
+        }),
+      );
+    } catch (error) {
+      // If sending logs causes any failures we want to silently ignore them
+      // to ensure we do not cause infinite-logging loops.
+    }
+  },
+
+  // Called once by the bridge on startup, even if Fast Refresh is off.
+  // It creates the HMR client but doesn't actually set up the socket yet.
+  setup(
+    platform: string,
+    bundleEntry: string,
+    host: string,
+    port: number | string,
+    isEnabled: boolean,
+  ) {
+    invariant(platform, 'Missing required parameter `platform`');
+    invariant(bundleEntry, 'Missing required parameter `bundleEntry`');
+    invariant(host, 'Missing required parameter `host`');
+    invariant(!hmrClient, 'Cannot initialize hmrClient twice');
+
+    // Moving to top gives errors due to NativeModules not being initialized
+    const LoadingView = require('./LoadingView');
+
+    const wsHost = port !== null && port !== '' ? `${host}:${port}` : host;
+    const client = new MetroHMRClient(`ws://${wsHost}/hot`);
+    hmrClient = client;
+
+    pendingEntryPoints.push(
+      `ws://${wsHost}/hot?bundleEntry=${bundleEntry}&platform=${platform}`,
+    );
+
+    client.on('connection-error', e => {
+      let error = `Cannot connect to the Metro server.
+
+Try the following to fix the issue:
+- Ensure that the Metro server is running and available on the same network`;
+
+      if (Platform.OS === 'ios') {
+        error += `
+- Ensure that the Metro server URL is correctly set in AppDelegate`;
+      } else {
+        error += `
+- Ensure that your device/emulator is connected to your machine and has USB debugging enabled - run 'adb devices' to see a list of connected devices
+- If you're on a physical device connected to the same machine, run 'adb reverse tcp:8081 tcp:8081' to forward requests from your device
+- If your device is on the same Wi-Fi network, set 'Debug server host & port for device' in 'Dev settings' to your machine's IP address and the port of the local dev server - e.g. 10.0.1.1:8081`;
+      }
+
+      error += `
+
+URL: ${host}:${port}
+
+Error: ${e.message}`;
+
+      setHMRUnavailableReason(error);
+    });
+
+    client.on('update-start', ({isInitialUpdate}) => {
+      currentCompileErrorMessage = null;
+      didConnect = true;
+
+      if (client.isEnabled() && !isInitialUpdate) {
+        LoadingView.showMessage('Refreshing...', 'refresh');
+      }
+    });
+
+    client.on('update', ({isInitialUpdate}) => {
+      if (client.isEnabled() && !isInitialUpdate) {
+        dismissRedbox();
+        LogBoxData.clear();
+      }
+    });
+
+    client.on('update-done', () => {
+      LoadingView.hide();
+    });
+
+    client.on('error', data => {
+      LoadingView.hide();
+
+      if (data.type === 'GraphNotFoundError') {
+        client.close();
+        setHMRUnavailableReason(
+          'The Metro server has restarted since the last edit. Reload to reconnect.',
+        );
+      } else if (data.type === 'RevisionNotFoundError') {
+        client.close();
+        setHMRUnavailableReason(
+          'The Metro server and the client are out of sync. Reload to reconnect.',
+        );
+      } else {
+        currentCompileErrorMessage = `${data.type} ${data.message}`;
+        if (client.isEnabled()) {
+          showCompileError();
+        }
+      }
+    });
+
+    client.on('close', data => {
+      LoadingView.hide();
+      setHMRUnavailableReason('Disconnected from the Metro server.');
+    });
+
+    if (isEnabled) {
+      HMRClient.enable();
+    } else {
+      HMRClient.disable();
+    }
+
+    registerBundleEntryPoints(hmrClient);
+    flushEarlyLogs(hmrClient);
+  },
+};
+
+function setHMRUnavailableReason(reason) {
+  invariant(hmrClient, 'Expected HMRClient.setup() call at startup.');
+  if (hmrUnavailableReason !== null) {
+    // Don't show more than one warning.
+    return;
+  }
+  hmrUnavailableReason = reason;
+
+  // We only want to show a warning if Fast Refresh is on *and* if we ever
+  // previously managed to connect successfully. We don't want to show
+  // the warning to native engineers who use cached bundles without Metro.
+  if (hmrClient.isEnabled() && didConnect) {
+    console.warn(reason);
+    // (Not using the `warning` module to prevent a Buck cycle.)
+  }
+}
+
+function registerBundleEntryPoints(client) {
+  if (hmrUnavailableReason) {
+    DevSettings.reload('Bundle Splitting – Metro disconnected');
+    return;
+  }
+
+  if (pendingEntryPoints.length > 0) {
+    client.send(
+      JSON.stringify({
+        type: 'register-entrypoints',
+        entryPoints: pendingEntryPoints,
+      }),
+    );
+    pendingEntryPoints.length = 0;
+  }
+}
+
+function flushEarlyLogs(client) {
+  try {
+    pendingLogs.forEach(([level: LogLevel, data: Array<mixed>]) => {
+      HMRClient.log(level, data);
+    });
+  } finally {
+    pendingLogs.length = 0;
+  }
+}
+
+function dismissRedbox() {
+  if (
+    Platform.OS === 'ios' &&
+    NativeRedBox != null &&
+    NativeRedBox.dismiss != null
+  ) {
+    NativeRedBox.dismiss();
+  } else {
+    const NativeExceptionsManager = require('../Core/NativeExceptionsManager')
+      .default;
+    NativeExceptionsManager &&
+      NativeExceptionsManager.dismissRedbox &&
+      NativeExceptionsManager.dismissRedbox();
+  }
+}
+
+function showCompileError() {
+  if (currentCompileErrorMessage === null) {
+    return;
+  }
+
+  // Even if there is already a redbox, syntax errors are more important.
+  // Otherwise you risk seeing a stale runtime error while a syntax error is more recent.
+  dismissRedbox();
+
+  const message = currentCompileErrorMessage;
+  currentCompileErrorMessage = null;
+
+  const error: ExtendedError = new Error(message);
+  // Symbolicating compile errors is wasted effort
+  // because the stack trace is meaningless:
+  error.preventSymbolication = true;
+  throw error;
+}
+
+module.exports = HMRClient;
diff --git a/vnext/src/Libraries/YellowBox/UI/YellowBoxInspectorHeader.windesktop.js b/vnext/src/Libraries/YellowBox/UI/YellowBoxInspectorHeader.windesktop.js
deleted file mode 100644
index 1fb4d4f0720..00000000000
--- a/vnext/src/Libraries/YellowBox/UI/YellowBoxInspectorHeader.windesktop.js
+++ /dev/null
@@ -1,6 +0,0 @@
-'use strict';
-var React = require('react');
-var react_native_1 = require('react-native');
-module.exports = function() {
-  return React.createElement(react_native_1.View, null, null);
-};
diff --git a/vnext/src/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.windesktop.js b/vnext/src/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.windesktop.js
deleted file mode 100644
index 700d4449361..00000000000
--- a/vnext/src/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.windesktop.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-
-'use strict';
-var React = require('react');
-var react_native_1 = require('react-native');
-module.exports = function(props) {
-  return React.createElement(react_native_1.Text, null, props.status);
-};
diff --git a/vnext/src/Libraries/YellowBox/UI/YellowBoxList.windesktop.js b/vnext/src/Libraries/YellowBox/UI/YellowBoxList.windesktop.js
deleted file mode 100644
index c26e32a4af7..00000000000
--- a/vnext/src/Libraries/YellowBox/UI/YellowBoxList.windesktop.js
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-'use strict';
-
-module.exports = require('../../Components/UnimplementedViews/UnimplementedView');
diff --git a/vnext/src/Libraries/core/setUpDeveloperTools.windesktop.js b/vnext/src/Libraries/core/setUpDeveloperTools.windesktop.js
index 6e42270b310..b7fbfd375e6 100644
--- a/vnext/src/Libraries/core/setUpDeveloperTools.windesktop.js
+++ b/vnext/src/Libraries/core/setUpDeveloperTools.windesktop.js
@@ -54,6 +54,7 @@ if (__DEV__) {
           'trace',
           'info',
           'warn',
+          'error',
           'log',
           'group',
           'groupCollapsed',
diff --git a/vnext/src/Libraries/core/setUpReactDevTools.windesktop.js b/vnext/src/Libraries/core/setUpReactDevTools.windesktop.js
deleted file mode 100644
index c197862f613..00000000000
--- a/vnext/src/Libraries/core/setUpReactDevTools.windesktop.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-if (__DEV__) {
-  const reactDevTools = require('react-devtools-core');
-  const connectToDevTools = () => {
-    // not when debugging in chrome
-    // TODO(t12832058) This check is broken
-    if (!window.document) {
-      const AppState = require('../AppState/AppState');
-      const getDevServer = require('./Devtools/getDevServer');
-
-      // Don't steal the DevTools from currently active app.
-      // Note: if you add any AppState subscriptions to this file,
-      // you will also need to guard against `AppState.isAvailable`,
-      // or the code will throw for bundles that don't have it.
-      const isAppActive = () => AppState.currentState !== 'background';
-
-      // Get hostname from development server (packager)
-      const devServer = getDevServer();
-      const host = devServer.bundleLoadedFromServer
-        ? devServer.url.replace(/https?:\/\//, '').split(':')[0]
-        : 'localhost';
-
-      // Read the optional global variable for backward compatibility.
-      // It was added in https://github.com/facebook/react-native/commit/bf2b435322e89d0aeee8792b1c6e04656c2719a0.
-      const port =
-        window.__REACT_DEVTOOLS_PORT__ != null
-          ? window.__REACT_DEVTOOLS_PORT__
-          : 8097;
-
-      const WebSocket = require('../WebSocket/WebSocket');
-      const ws = new WebSocket('ws://' + host + ':' + port);
-
-      const viewConfig = require('../Components/View/ReactNativeViewViewConfig'); // [Windows] Remove .js
-      reactDevTools.connectToDevTools({
-        isAppActive,
-        resolveRNStyle: require('../StyleSheet/flattenStyle'),
-        nativeStyleEditorValidAttributes: Object.keys(
-          viewConfig.validAttributes.style,
-        ),
-        websocket: ws,
-      });
-    }
-  };
-
-  const RCTNativeAppEventEmitter = require('../EventEmitter/RCTNativeAppEventEmitter');
-  RCTNativeAppEventEmitter.addListener('RCTDevMenuShown', connectToDevTools);
-  connectToDevTools(); // Try connecting once on load
-}
diff --git a/vnext/src/Libraries/core/setUpReactDevTools.windows.js b/vnext/src/Libraries/core/setUpReactDevTools.windows.js
deleted file mode 100644
index c197862f613..00000000000
--- a/vnext/src/Libraries/core/setUpReactDevTools.windows.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * 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';
-
-if (__DEV__) {
-  const reactDevTools = require('react-devtools-core');
-  const connectToDevTools = () => {
-    // not when debugging in chrome
-    // TODO(t12832058) This check is broken
-    if (!window.document) {
-      const AppState = require('../AppState/AppState');
-      const getDevServer = require('./Devtools/getDevServer');
-
-      // Don't steal the DevTools from currently active app.
-      // Note: if you add any AppState subscriptions to this file,
-      // you will also need to guard against `AppState.isAvailable`,
-      // or the code will throw for bundles that don't have it.
-      const isAppActive = () => AppState.currentState !== 'background';
-
-      // Get hostname from development server (packager)
-      const devServer = getDevServer();
-      const host = devServer.bundleLoadedFromServer
-        ? devServer.url.replace(/https?:\/\//, '').split(':')[0]
-        : 'localhost';
-
-      // Read the optional global variable for backward compatibility.
-      // It was added in https://github.com/facebook/react-native/commit/bf2b435322e89d0aeee8792b1c6e04656c2719a0.
-      const port =
-        window.__REACT_DEVTOOLS_PORT__ != null
-          ? window.__REACT_DEVTOOLS_PORT__
-          : 8097;
-
-      const WebSocket = require('../WebSocket/WebSocket');
-      const ws = new WebSocket('ws://' + host + ':' + port);
-
-      const viewConfig = require('../Components/View/ReactNativeViewViewConfig'); // [Windows] Remove .js
-      reactDevTools.connectToDevTools({
-        isAppActive,
-        resolveRNStyle: require('../StyleSheet/flattenStyle'),
-        nativeStyleEditorValidAttributes: Object.keys(
-          viewConfig.validAttributes.style,
-        ),
-        websocket: ws,
-      });
-    }
-  };
-
-  const RCTNativeAppEventEmitter = require('../EventEmitter/RCTNativeAppEventEmitter');
-  RCTNativeAppEventEmitter.addListener('RCTDevMenuShown', connectToDevTools);
-  connectToDevTools(); // Try connecting once on load
-}
diff --git a/vnext/src/RNTester/js/RNTesterApp.windows.js b/vnext/src/RNTester/js/RNTesterApp.windows.js
index 89ba2765373..4e3c16a4039 100644
--- a/vnext/src/RNTester/js/RNTesterApp.windows.js
+++ b/vnext/src/RNTester/js/RNTesterApp.windows.js
@@ -31,7 +31,7 @@ const {
   Text,
   useColorScheme,
   View,
-  YellowBox,
+  LogBox,
 } = require('react-native');
 
 import type {RNTesterExample} from './types/RNTesterTypes';
@@ -42,9 +42,7 @@ import type {ColorSchemeName} from '../../Libraries/Utilities/NativeAppearance';
 
 type Props = {exampleFromAppetizeParams?: ?string, ...};
 
-YellowBox.ignoreWarnings([
-  'Module RCTImagePickerManager requires main queue setup',
-]);
+LogBox.ignoreLogs(['Module RCTImagePickerManager requires main queue setup']);
 
 const APP_STATE_KEY = 'RNTesterAppState.v2';
 
diff --git a/vnext/src/RNTester/js/examples-win/WindowsBrush/WindowsBrushExample.windows.tsx b/vnext/src/RNTester/js/examples-win/WindowsBrush/WindowsBrushExample.windows.tsx
deleted file mode 100644
index 0943020432c..00000000000
--- a/vnext/src/RNTester/js/examples-win/WindowsBrush/WindowsBrushExample.windows.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * Copyright (c) Microsoft Corporation.
- * Licensed under the MIT License.
- * @format
- */
-
-import React = require('react');
-import {Text, View, Button} from 'react-native';
-
-class WindowsBrushExample extends React.Component {
-  _onPress = () => {};
-
-  public render() {
-    return (
-      <View>
-        <Text
-          // @ts-ignore
-          style={{color: {windowsbrush: 'SystemAccentColorLight3'}}}>
-          Sample Text
-        </Text>
-        <Button
-          title="Sample Button"
-          // @ts-ignore
-          color={{windowsbrush: 'SystemAccentColorLight3'}}
-          onPress={this._onPress}
-        />
-      </View>
-    );
-  }
-}
-
-export const displayName = (_undefined?: string) => {};
-export const title = 'WindowsBrush';
-export const description = 'Usage of windowsbrush for color props';
-export const examples = [
-  {
-    title: 'WindowsBrush control',
-    render: function(): JSX.Element {
-      return <WindowsBrushExample />;
-    },
-  },
-];
diff --git a/vnext/src/RNTester/js/examples/PlatformColor/PlatformColorExample.windows.js b/vnext/src/RNTester/js/examples/PlatformColor/PlatformColorExample.windows.js
new file mode 100644
index 00000000000..90261dc2db3
--- /dev/null
+++ b/vnext/src/RNTester/js/examples/PlatformColor/PlatformColorExample.windows.js
@@ -0,0 +1,389 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * 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');
+const ReactNative = require('react-native');
+import Platform from '../../../../Libraries/Utilities/Platform';
+const {
+  ColorAndroid,
+  DynamicColorIOS,
+  PlatformColor,
+  StyleSheet,
+  Text,
+  View,
+} = ReactNative;
+
+function PlatformColorsExample() {
+  function createTable() {
+    let colors = [];
+    if (Platform.OS === 'ios') {
+      colors = [
+        // https://developer.apple.com/documentation/uikit/uicolor/ui_element_colors
+        // Label Colors
+        {label: 'labelColor', color: PlatformColor('labelColor')},
+        {
+          label: 'secondaryLabelColor',
+          color: PlatformColor('secondaryLabelColor'),
+        },
+        {
+          label: 'tertiaryLabelColor',
+          color: PlatformColor('tertiaryLabelColor'),
+        },
+        {
+          label: 'quaternaryLabelColor',
+          color: PlatformColor('quaternaryLabelColor'),
+        },
+        // Fill Colors
+        {label: 'systemFillColor', color: PlatformColor('systemFillColor')},
+        {
+          label: 'secondarySystemFillColor',
+          color: PlatformColor('secondarySystemFillColor'),
+        },
+        {
+          label: 'tertiarySystemFillColor',
+          color: PlatformColor('tertiarySystemFillColor'),
+        },
+        {
+          label: 'quaternarySystemFillColor',
+          color: PlatformColor('quaternarySystemFillColor'),
+        },
+        // Text Colors
+        {
+          label: 'placeholderTextColor',
+          color: PlatformColor('placeholderTextColor'),
+        },
+        // Standard Content Background Colors
+        {
+          label: 'systemBackgroundColor',
+          color: PlatformColor('systemBackgroundColor'),
+        },
+        {
+          label: 'secondarySystemBackgroundColor',
+          color: PlatformColor('secondarySystemBackgroundColor'),
+        },
+        {
+          label: 'tertiarySystemBackgroundColor',
+          color: PlatformColor('tertiarySystemBackgroundColor'),
+        },
+        // Grouped Content Background Colors
+        {
+          label: 'systemGroupedBackgroundColor',
+          color: PlatformColor('systemGroupedBackgroundColor'),
+        },
+        {
+          label: 'secondarySystemGroupedBackgroundColor',
+          color: PlatformColor('secondarySystemGroupedBackgroundColor'),
+        },
+        {
+          label: 'tertiarySystemGroupedBackgroundColor',
+          color: PlatformColor('tertiarySystemGroupedBackgroundColor'),
+        },
+        // Separator Colors
+        {label: 'separatorColor', color: PlatformColor('separatorColor')},
+        {
+          label: 'opaqueSeparatorColor',
+          color: PlatformColor('opaqueSeparatorColor'),
+        },
+        // Link Color
+        {label: 'linkColor', color: PlatformColor('linkColor')},
+        // Nonadaptable Colors
+        {label: 'darkTextColor', color: PlatformColor('darkTextColor')},
+        {label: 'lightTextColor', color: PlatformColor('lightTextColor')},
+        // https://developer.apple.com/documentation/uikit/uicolor/standard_colors
+        // Adaptable Colors
+        {label: 'systemBlueColor', color: PlatformColor('systemBlueColor')},
+        {label: 'systemBrownColor', color: PlatformColor('systemBrownColor')},
+        {label: 'systemGreenColor', color: PlatformColor('systemGreenColor')},
+        {label: 'systemIndigoColor', color: PlatformColor('systemIndigoColor')},
+        {label: 'systemOrangeColor', color: PlatformColor('systemOrangeColor')},
+        {label: 'systemPinkColor', color: PlatformColor('systemPinkColor')},
+        {label: 'systemPurpleColor', color: PlatformColor('systemPurpleColor')},
+        {label: 'systemRedColor', color: PlatformColor('systemRedColor')},
+        {label: 'systemTealColor', color: PlatformColor('systemTealColor')},
+        {label: 'systemYellowColor', color: PlatformColor('systemYellowColor')},
+        // Adaptable Gray Colors
+        {label: 'systemGrayColor', color: PlatformColor('systemGrayColor')},
+        {label: 'systemGray2Color', color: PlatformColor('systemGray2Color')},
+        {label: 'systemGray3Color', color: PlatformColor('systemGray3Color')},
+        {label: 'systemGray4Color', color: PlatformColor('systemGray4Color')},
+        {label: 'systemGray5Color', color: PlatformColor('systemGray5Color')},
+        {label: 'systemGray6Color', color: PlatformColor('systemGray6Color')},
+      ];
+    } else if (Platform.OS === 'android') {
+      colors = [
+        {label: '?attr/colorAccent', color: PlatformColor('?attr/colorAccent')},
+        {
+          label: '?attr/colorBackgroundFloating',
+          color: PlatformColor('?attr/colorBackgroundFloating'),
+        },
+        {
+          label: '?attr/colorButtonNormal',
+          color: PlatformColor('?attr/colorButtonNormal'),
+        },
+        {
+          label: '?attr/colorControlActivated',
+          color: PlatformColor('?attr/colorControlActivated'),
+        },
+        {
+          label: '?attr/colorControlHighlight',
+          color: PlatformColor('?attr/colorControlHighlight'),
+        },
+        {
+          label: '?attr/colorControlNormal',
+          color: PlatformColor('?attr/colorControlNormal'),
+        },
+        {
+          label: '?android:colorError',
+          color: PlatformColor('?android:colorError'),
+        },
+        {
+          label: '?android:attr/colorError',
+          color: PlatformColor('?android:attr/colorError'),
+        },
+        {
+          label: '?attr/colorPrimary',
+          color: PlatformColor('?attr/colorPrimary'),
+        },
+        {label: '?colorPrimaryDark', color: PlatformColor('?colorPrimaryDark')},
+        {
+          label: '@android:color/holo_purple',
+          color: PlatformColor('@android:color/holo_purple'),
+        },
+        {
+          label: '@android:color/holo_green_light',
+          color: PlatformColor('@android:color/holo_green_light'),
+        },
+        {
+          label: '@color/catalyst_redbox_background',
+          color: PlatformColor('@color/catalyst_redbox_background'),
+        },
+        {
+          label: '@color/catalyst_logbox_background',
+          color: PlatformColor('@color/catalyst_logbox_background'),
+        },
+      ];
+    } else if (Platform.OS === 'windows') {
+      colors = [
+        {
+          label: 'SystemAccentColorLight3',
+          color: PlatformColor('SystemAccentColorLight3'),
+        },
+        {
+          label: 'SystemAccentColorLight2',
+          color: PlatformColor('SystemAccentColorLight2'),
+        },
+        {
+          label: 'SystemAccentColorLight1',
+          color: PlatformColor('SystemAccentColorLight1'),
+        },
+        {
+          label: 'SystemAccentColorDark1',
+          color: PlatformColor('SystemAccentColorDark1'),
+        },
+        {
+          label: 'SystemAccentColorDark2',
+          color: PlatformColor('SystemAccentColorDark2'),
+        },
+        {
+          label: 'SystemAccentColorDark3',
+          color: PlatformColor('SystemAccentColorDark3'),
+        },
+      ];
+    }
+
+    let table = [];
+    for (let color of colors) {
+      table.push(
+        <View style={styles.row} key={color.label}>
+          <Text style={styles.labelCell}>{color.label}</Text>
+          <View
+            style={{
+              ...styles.colorCell,
+              backgroundColor: color.color,
+            }}
+          />
+        </View>,
+      );
+    }
+    return table;
+  }
+
+  return <View style={styles.column}>{createTable()}</View>;
+}
+
+function FallbackColorsExample() {
+  let color = {};
+  if (Platform.OS === 'ios') {
+    color = {
+      label: "PlatformColor('bogus', 'systemGreenColor')",
+      color: PlatformColor('bogus', 'systemGreenColor'),
+    };
+  } else if (Platform.OS === 'android') {
+    color = {
+      label: "PlatformColor('bogus', '@color/catalyst_redbox_background')",
+      color: PlatformColor('bogus', '@color/catalyst_redbox_background'),
+    };
+  } else {
+    color = {
+      label: 'Unexpected Platform.OS: ' + Platform.OS,
+      color: 'red',
+    };
+  }
+
+  return (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>{color.label}</Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: color.color,
+          }}
+        />
+      </View>
+    </View>
+  );
+}
+
+function DynamicColorsExample() {
+  return Platform.OS === 'ios' ? (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>
+          DynamicColorIOS({'{\n'}
+          {'  '}light: 'red', dark: 'blue'{'\n'}
+          {'}'})
+        </Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: DynamicColorIOS({light: 'red', dark: 'blue'}),
+          }}
+        />
+      </View>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>
+          DynamicColorIOS({'{\n'}
+          {'  '}light: PlatformColor('systemBlueColor'),{'\n'}
+          {'  '}dark: PlatformColor('systemRedColor'),{'\n'}
+          {'}'})
+        </Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: DynamicColorIOS({
+              light: PlatformColor('systemBlueColor'),
+              dark: PlatformColor('systemRedColor'),
+            }),
+          }}
+        />
+      </View>
+    </View>
+  ) : (
+    <Text style={styles.labelCell}>Not applicable on this platform</Text>
+  );
+}
+
+function AndroidColorsExample() {
+  return Platform.OS === 'android' ? (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>ColorAndroid('?attr/colorAccent')</Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: ColorAndroid('?attr/colorAccent'),
+          }}
+        />
+      </View>
+    </View>
+  ) : (
+    <Text style={styles.labelCell}>Not applicable on this platform</Text>
+  );
+}
+
+function VariantColorsExample() {
+  return (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>
+          {Platform.select({
+            ios: "DynamicColorIOS({light: 'red', dark: 'blue'})",
+            android: "ColorAndroid('?attr/colorAccent')",
+            default: 'Unexpected Platform.OS: ' + Platform.OS,
+          })}
+        </Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor:
+              Platform.OS === 'ios'
+                ? DynamicColorIOS({light: 'red', dark: 'blue'})
+                : Platform.OS === 'android'
+                ? ColorAndroid('?attr/colorAccent')
+                : 'red',
+          }}
+        />
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  column: {flex: 1, flexDirection: 'column'},
+  row: {flex: 0.75, flexDirection: 'row'},
+  labelCell: {
+    flex: 1,
+    alignItems: 'stretch',
+    ...Platform.select({
+      ios: {color: PlatformColor('labelColor')},
+      default: {color: 'black'},
+    }),
+  },
+  colorCell: {flex: 0.25, alignItems: 'stretch'},
+});
+
+exports.title = 'PlatformColor';
+exports.description =
+  'Examples that show how PlatformColors may be used in an app.';
+exports.examples = [
+  {
+    title: 'Platform Colors',
+    render(): React.Element<any> {
+      return <PlatformColorsExample />;
+    },
+  },
+  {
+    title: 'Fallback Colors',
+    render(): React.Element<any> {
+      return <FallbackColorsExample />;
+    },
+  },
+  {
+    title: 'iOS Dynamic Colors',
+    render(): React.Element<any> {
+      return <DynamicColorsExample />;
+    },
+  },
+  {
+    title: 'Android Colors',
+    render(): React.Element<any> {
+      return <AndroidColorsExample />;
+    },
+  },
+  {
+    title: 'Variant Colors',
+    render(): React.Element<any> {
+      return <VariantColorsExample />;
+    },
+  },
+];
diff --git a/vnext/src/RNTester/js/examples/RTL/RTLExample.windows.js b/vnext/src/RNTester/js/examples/RTL/RTLExample.windows.js
index 2aed4557c8a..d58b42d7789 100644
--- a/vnext/src/RNTester/js/examples/RTL/RTLExample.windows.js
+++ b/vnext/src/RNTester/js/examples/RTL/RTLExample.windows.js
@@ -27,14 +27,6 @@ const {
   Button,
 } = require('react-native');
 
-type State = {
-  toggleStatus: any,
-  pan: Object,
-  linear: Object,
-  isRTL: boolean,
-  ...
-};
-
 type RTLToggleState = {isRTL: boolean, ...};
 
 type AnimationState = {
diff --git a/vnext/src/RNTester/js/utils/RNTesterList.windows.ts b/vnext/src/RNTester/js/utils/RNTesterList.windows.ts
index 3af08aa97f2..92abdb96dfa 100644
--- a/vnext/src/RNTester/js/utils/RNTesterList.windows.ts
+++ b/vnext/src/RNTester/js/utils/RNTesterList.windows.ts
@@ -83,6 +83,10 @@ const ComponentExamples: Array<IRNTesterExample> = [
     key: 'PickerWindowsExample',
     module: require('./../examples-win/Picker/PickerWindowsExample'),
   },
+  {
+    key: 'PressableExample',
+    module: require('../examples/Pressable/PressableExample'),
+  },
   {
     key: 'PopupExample',
     module: require('./../examples-win/Popup/PopupExample'),
@@ -225,6 +229,10 @@ const APIExamples: Array<IRNTesterExample> = [
     key: 'PanResponderExample',
     module: require('react-native/RNTester/js/examples/PanResponder/PanResponderExample'),
   },
+  {
+    key: 'PlatformColorExample',
+    module: require('../examples/PlatformColor/PlatformColorExample'),
+  },
   {
     key: 'PointerEventsExample',
     module: require('react-native/RNTester/js/examples/PointerEvents/PointerEventsExample'),
@@ -245,10 +253,6 @@ const APIExamples: Array<IRNTesterExample> = [
     key: 'ThemingExample',
     module: require('./../examples-win/Theming/ThemingExample'),
   },
-  {
-    key: 'WindowsBrushExample',
-    module: require('./../examples-win/WindowsBrush/WindowsBrushExample'),
-  },
   {
     key: 'TransformExample',
     module: require('react-native/RNTester/js/examples/Transform/TransformExample'),
diff --git a/vnext/src/overrides.json b/vnext/src/overrides.json
index c02cfcdb585..524eb63d1ad 100644
--- a/vnext/src/overrides.json
+++ b/vnext/src/overrides.json
@@ -16,14 +16,6 @@
       "type": "platform",
       "file": "IntegrationTests\\DummyTest.js"
     },
-    {
-      "type": "patch",
-      "file": "IntegrationTests\\IntegrationTestsApp.windesktop.js",
-      "baseFile": "IntegrationTests\\IntegrationTestsApp.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "8a02205cad7a8966b1f1ecb66575d8263af56c16",
-      "issue": "LEGACY_FIXME"
-    },
     {
       "type": "platform",
       "file": "IntegrationTests\\LoggingTest.js"
@@ -36,23 +28,15 @@
       "type": "derived",
       "file": "Libraries\\Alert\\Alert.windesktop.js",
       "baseFile": "Libraries\\Alert\\Alert.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "bf73c8c30ecdada945c2af1f3146db028950c060"
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "b4867752830f6953516c5898a7e2fc0dc796dcfa"
     },
     {
       "type": "patch",
       "file": "Libraries\\Alert\\Alert.windows.js",
       "baseFile": "Libraries\\Alert\\Alert.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "bf73c8c30ecdada945c2af1f3146db028950c060",
-      "issue": "LEGACY_FIXME"
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\Animated\\src\\nodes\\AnimatedInterpolation.windows.js",
-      "baseFile": "Libraries\\Animated\\src\\nodes\\AnimatedInterpolation.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "e5e0e4e6c1b20844ec1deecc34ffa9452360ba03",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "b4867752830f6953516c5898a7e2fc0dc796dcfa",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -67,32 +51,32 @@
       "type": "copy",
       "file": "Libraries\\Components\\AccessibilityInfo\\AccessibilityInfo.windesktop.js",
       "baseFile": "Libraries\\Components\\AccessibilityInfo\\AccessibilityInfo.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "eb1753df0ab59f8c23fdd6469e69bfd349be1a58",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "840be6f49fe36a3bcfb568eb285bf860f0dd441d",
       "issue": 4578
     },
     {
       "type": "copy",
       "file": "Libraries\\Components\\AccessibilityInfo\\AccessibilityInfo.windows.js",
       "baseFile": "Libraries\\Components\\AccessibilityInfo\\AccessibilityInfo.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "eb1753df0ab59f8c23fdd6469e69bfd349be1a58",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "840be6f49fe36a3bcfb568eb285bf860f0dd441d",
       "issue": 4578
     },
     {
       "type": "derived",
       "file": "Libraries\\Components\\Button.windesktop.js",
       "baseFile": "Libraries\\Components\\Button.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "664721f888487db3fd31c831db79bed5e683ce58",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "1bb31cc95e6e4b71ff09f024dd102a9717925e51",
       "issue": "LEGACY_FIXME"
     },
     {
       "type": "patch",
       "file": "Libraries\\Components\\Button.windows.js",
       "baseFile": "Libraries\\Components\\Button.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "664721f888487db3fd31c831db79bed5e683ce58",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "1bb31cc95e6e4b71ff09f024dd102a9717925e51",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -104,12 +88,12 @@
       "issue": "LEGACY_FIXME"
     },
     {
-      "type": "derived",
-      "file": "Libraries\\Components\\CheckBox\\CheckBox.windows.tsx",
+      "type": "copy",
+      "file": "Libraries\\Components\\CheckBox\\CheckBox.windows.js",
       "baseFile": "Libraries\\Components\\CheckBox\\CheckBox.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "7006aba4ecdfd27a213172ca92d1877b55729292",
-      "issue": "LEGACY_FIXME"
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "278d7049749ba8b5f3840f21ef6b3d528183829f",
+      "issue": 4694
     },
     {
       "type": "platform",
@@ -207,8 +191,8 @@
       "type": "patch",
       "file": "Libraries\\Components\\Picker\\Picker.windows.js",
       "baseFile": "Libraries\\Components\\Picker\\Picker.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "67a10fef33208d21006d7bd51b4e6fd8d4c9ca5d",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "8efa98a764d4e80b835ca0dbf1cf3a8b6f01ffe4",
       "issue": 4611
     },
     {
@@ -247,18 +231,10 @@
       "type": "derived",
       "file": "Libraries\\Components\\Picker\\PickerWindows.tsx",
       "baseFile": "Libraries\\Components\\Picker\\PickerIOS.ios.js",
-      "baseVersion": "0.62.2",
-      "baseHash": "f1409e9f69332850927323ecf2cf66a3573ef25e",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "f15d5ab6c73a202608d66eb90f41497cb1fc6dc4",
       "issue": 4611
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\Components\\Picker\\RCTPickerNativeComponent.windows.js",
-      "baseFile": "Libraries\\Components\\Picker\\RCTPickerNativeComponent.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "aa6f9c4499a2b08d77158ee22fcc2a784847a7a0",
-      "issue": "LEGACY_FIXME"
-    },
     {
       "type": "platform",
       "file": "Libraries\\Components\\Popup\\Popup.tsx"
@@ -299,8 +275,8 @@
       "type": "patch",
       "file": "Libraries\\Components\\RefreshControl\\RefreshControl.windows.js",
       "baseFile": "Libraries\\Components\\RefreshControl\\RefreshControl.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "90fa2ab5e119957459158cbbf2effe07cff1b2ae",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "61f351ccc7fbfc340adb9b0cab22497d978ba26d",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -319,22 +295,6 @@
       "baseHash": "59dabb86baedb0088e110f8cdeb914fa3271dfd9",
       "issue": "LEGACY_FIXME"
     },
-    {
-      "type": "derived",
-      "file": "Libraries\\Components\\ScrollView\\ScrollView.windesktop.js",
-      "baseFile": "Libraries\\Components\\ScrollView\\ScrollView.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "ad1f9e693d11926daf324f992de3741def01e35e",
-      "issue": "LEGACY_FIXME"
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\Components\\ScrollView\\ScrollView.windows.js",
-      "baseFile": "Libraries\\Components\\ScrollView\\ScrollView.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "ad1f9e693d11926daf324f992de3741def01e35e",
-      "issue": "LEGACY_FIXME"
-    },
     {
       "type": "derived",
       "file": "Libraries\\Components\\SegmentedControlIOS\\SegmentedControlIOS.windesktop.js",
@@ -351,44 +311,28 @@
       "baseHash": "37cea8b532ea4e4335120c6f8b2d3d3548e31b18",
       "issue": "LEGACY_FIXME"
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\Components\\StatusBar\\NativeStatusBarManagerAndroid.windows.js",
-      "baseFile": "Libraries\\Components\\StatusBar\\NativeStatusBarManagerAndroid.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "2c312e39ea468283e73be4319370d4f29ea5c932",
-      "issue": 3990
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\Components\\Switch\\SwitchNativeComponent.windows.js",
-      "baseFile": "Libraries\\Components\\Switch\\SwitchNativeComponent.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "38aae656c9d51aac5034cddd257ed3748b991b2d",
-      "issue": 3990
-    },
     {
       "type": "derived",
       "file": "Libraries\\Components\\TextInput\\TextInput.windesktop.js",
       "baseFile": "Libraries\\Components\\TextInput\\TextInput.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "ddc98a5d277a630f3ac95c5d416a1028ba27382d",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "a50310f6dee460f7d1a53e0f1a21dbac9cf02094",
       "issue": "LEGACY_FIXME"
     },
     {
       "type": "patch",
       "file": "Libraries\\Components\\TextInput\\TextInput.windows.js",
       "baseFile": "Libraries\\Components\\TextInput\\TextInput.js",
-      "baseVersion": "0.62.1",
-      "baseHash": "ddc98a5d277a630f3ac95c5d416a1028ba27382d",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "a50310f6dee460f7d1a53e0f1a21dbac9cf02094",
       "issue": "LEGACY_FIXME"
     },
     {
       "type": "patch",
       "file": "Libraries\\Components\\TextInput\\TextInputState.windows.js",
       "baseFile": "Libraries\\Components\\TextInput\\TextInputState.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "b6abcc197d20eb192444f85e0a1e447a3019658f",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "e982deb23d7ad5312ab0c09508a6d58c152b5be7",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -405,52 +349,36 @@
       "baseVersion": "0.61.5",
       "baseHash": "614b7e88c38f5820656c79d64239bfb74ca308c0"
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\Components\\Touchable\\TouchableBounce.windows.js",
-      "baseFile": "Libraries\\Components\\Touchable\\TouchableBounce.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "d2bb715bb7b4fe8a324252409273747c96a4e687",
-      "issue": 4310
-    },
     {
       "type": "patch",
       "file": "Libraries\\Components\\Touchable\\TouchableHighlight.windows.js",
       "baseFile": "Libraries\\Components\\Touchable\\TouchableHighlight.js",
-      "baseVersion": "0.62.2",
-      "baseHash": "b930d8995dab7c9aad3e14c3a78b73431c791a56",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "b03a273535705ec4a1e979ec0adf06c90b8938e5",
       "issue": "LEGACY_FIXME"
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\Components\\Touchable\\TouchableNativeFeedback.windows.js",
-      "baseFile": "Libraries\\Components\\Touchable\\TouchableNativeFeedback.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "68dd135de8d10534754b7abe409bf0a7fb038578",
-      "issue": 4310
-    },
     {
       "type": "patch",
       "file": "Libraries\\Components\\Touchable\\TouchableOpacity.windows.js",
       "baseFile": "Libraries\\Components\\Touchable\\TouchableOpacity.js",
-      "baseVersion": "0.62.2",
-      "baseHash": "356d5eb7b824b35b79fb4108b3dffcd8c3cfa4f7",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "e9b3b0a49be45f4030f34f7c91f5a47c01b50582",
       "issue": "LEGACY_FIXME"
     },
     {
       "type": "patch",
       "file": "Libraries\\Components\\Touchable\\TouchableWithoutFeedback.windows.js",
       "baseFile": "Libraries\\Components\\Touchable\\TouchableWithoutFeedback.js",
-      "baseVersion": "0.62.2",
-      "baseHash": "78e0bcf18020ec967f7d96767d7b555af5b9b3b6",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "8fef33cd9edce5725695ca1e7fd9705916578799",
       "issue": "LEGACY_FIXME"
     },
     {
       "type": "patch",
       "file": "Libraries\\Components\\View\\ReactNativeViewViewConfig.windows.js",
       "baseFile": "Libraries\\Components\\View\\ReactNativeViewViewConfig.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "79f89796dab244dad97186438375669479316913",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "8d5d480284b4cdaf7d8d86935967370d455b7b68",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -465,8 +393,8 @@
       "type": "patch",
       "file": "Libraries\\Components\\View\\ViewPropTypes.windows.js",
       "baseFile": "Libraries\\Components\\View\\ViewPropTypes.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "5c7afdf3f620d06d2a54ace1fbb3d01dd15aa30e",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "28c010eda90627523d2aba884e4f4f8892d9fe37",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -481,26 +409,10 @@
       "type": "patch",
       "file": "Libraries\\core\\setUpDeveloperTools.windesktop.js",
       "baseFile": "Libraries\\core\\setUpDeveloperTools.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "d09be2d9fc8c621538c2262947580a03ff47177f",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "dac10e7b4ec4b65b658f26aeeedc05cc975a53cd",
       "issue": "LEGACY_FIXME"
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\core\\setUpReactDevTools.windesktop.js",
-      "baseFile": "Libraries\\core\\setUpReactDevTools.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "90b15d4c0940af7c72077d1eaef45d3256012aed",
-      "issue": 4310
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\core\\setUpReactDevTools.windows.js",
-      "baseFile": "Libraries\\core\\setUpReactDevTools.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "90b15d4c0940af7c72077d1eaef45d3256012aed",
-      "issue": 4310
-    },
     {
       "type": "patch",
       "file": "Libraries\\DeprecatedPropTypes\\DeprecatedViewAccessibility.windows.js",
@@ -513,47 +425,31 @@
       "type": "derived",
       "file": "Libraries\\Image\\Image.windesktop.js",
       "baseFile": "Libraries\\Image\\Image.ios.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "80a9ee2404220201df09a5ff97e2bf7e03c854e0"
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "26acff268b815c7b3c5da0d6c9c009073b202ea8"
     },
     {
       "type": "copy",
       "file": "Libraries\\Image\\Image.windows.js",
       "baseFile": "Libraries\\Image\\Image.ios.js",
-      "baseVersion": "0.62.1",
-      "baseHash": "80a9ee2404220201df09a5ff97e2bf7e03c854e0",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "26acff268b815c7b3c5da0d6c9c009073b202ea8",
       "issue": 4590
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\Inspector\\Inspector.windesktop.js",
-      "baseFile": "Libraries\\Inspector\\Inspector.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "4d8dd865cf9dc902cc415dbf7146df9dc198d2bb",
-      "issue": "LEGACY_FIXME"
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\Inspector\\Inspector.windows.js",
-      "baseFile": "Libraries\\Inspector\\Inspector.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "4d8dd865cf9dc902cc415dbf7146df9dc198d2bb",
-      "issue": 4310
-    },
     {
       "type": "patch",
       "file": "Libraries\\Inspector\\InspectorOverlay.windesktop.js",
       "baseFile": "Libraries\\Inspector\\InspectorOverlay.js",
-      "baseVersion": "0.61.5",
-      "baseHash": "a8cb0b3e6bd7334214a37db8bb1bb91510a5e838",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "b8535e8c605e6c0e940aae6c04f0d573eaa4788e",
       "issue": "LEGACY_FIXME"
     },
     {
       "type": "patch",
       "file": "Libraries\\Lists\\VirtualizedList.windows.js",
       "baseFile": "Libraries\\Lists\\VirtualizedList.js",
-      "baseVersion": "0.62.1",
-      "baseHash": "28df77a107962f12c19471b1f882fa802c065619",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "dd3f2413c3e51f3faca34ebb71635dbdeb716e47",
       "issue": "LEGACY_FIXME"
     },
     {
@@ -592,18 +488,10 @@
       "type": "patch",
       "file": "Libraries\\Pressability\\Pressability.windows.js",
       "baseFile": "Libraries\\Pressability\\Pressability.js",
-      "baseVersion": "0.62.2",
-      "baseHash": "acf1c23e6f39d8fb201a06bca850760efe295057",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "a3e33cfe943788b47933ea2c7a807326c8545492",
       "issue": 4379
     },
-    {
-      "type": "patch",
-      "file": "Libraries\\Pressability\\PressabilityDebug.windows.js",
-      "baseFile": "Libraries\\Pressability\\PressabilityDebug.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "4b94cc9c0fd201000db1a5c2fb874253e5e37606",
-      "issue": 4310
-    },
     {
       "type": "derived",
       "file": "Libraries\\Settings\\Settings.windesktop.js",
@@ -622,55 +510,19 @@
     },
     {
       "type": "platform",
-      "file": "Libraries\\StyleSheet\\NativeOrDynamicColorType.windows.js"
-    },
-    {
-      "type": "derived",
-      "file": "Libraries\\StyleSheet\\normalizeColor.windows.js",
-      "baseFile": "Libraries\\StyleSheet\\normalizeColor.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "48265ddff91efb254176c02f8d40bc71acce3252",
-      "issue": 3990
-    },
-    {
-      "type": "platform",
-      "file": "Libraries\\StyleSheet\\normalizeColorObject.windesktop.js"
-    },
-    {
-      "type": "platform",
-      "file": "Libraries\\StyleSheet\\normalizeColorObject.windows.js"
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\StyleSheet\\processColor.windows.js",
-      "baseFile": "Libraries\\StyleSheet\\processColor.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "c24356f7c86e22d2d52ce2d7cded979509ad931c",
-      "issue": 3990
-    },
-    {
-      "type": "patch",
-      "file": "Libraries\\StyleSheet\\processColorArray.windows.js",
-      "baseFile": "Libraries\\StyleSheet\\processColorArray.js",
-      "baseVersion": "0.61.5",
-      "baseHash": "66b19d011a777ed38e5513eda9da2d61c9045595",
-      "issue": 3990
-    },
-    {
-      "type": "platform",
-      "file": "Libraries\\StyleSheet\\processColorObject.windesktop.js"
+      "file": "Libraries\\StyleSheet\\PlatformColorValueTypes.windesktop.js"
     },
     {
       "type": "platform",
-      "file": "Libraries\\StyleSheet\\processColorObject.windows.js"
+      "file": "Libraries\\StyleSheet\\PlatformColorValueTypes.windows.js"
     },
     {
       "type": "patch",
-      "file": "Libraries\\StyleSheet\\StyleSheetTypes.windows.js",
-      "baseFile": "Libraries\\StyleSheet\\StyleSheetTypes.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "b973dbd7645c513fa8eb3373ad68d58c7fc6032e",
-      "issue": 3990
+      "file": "Libraries\\StyleSheet\\StyleSheetValidation.windows.js",
+      "baseFile": "Libraries\\StyleSheet\\StyleSheetValidation.js",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "5fe7febd1eb5374745fe612030806512e9161796",
+      "issue": 5269
     },
     {
       "type": "patch",
@@ -680,6 +532,14 @@
       "baseHash": "83b203d547d9bdc57a8f3346ecee6f6e34b25f5d",
       "issue": "LEGACY_FIXME"
     },
+    {
+      "type": "patch",
+      "file": "Libraries\\Utilities\\Appearance.windows.js",
+      "baseFile": "Libraries\\Utilities\\Appearance.js",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "48bccf750042813b47f882d6467b20b178dcbc72",
+      "issue": 5270
+    },
     {
       "type": "derived",
       "file": "Libraries\\Utilities\\BackHandler.windesktop.js",
@@ -696,6 +556,18 @@
       "baseHash": "b1633b6bb5e3dc842011b09f778626c39bf6b654",
       "issue": 4629
     },
+    {
+      "type": "platform",
+      "file": "Libraries\\Utilities\\DebugEnvironment.js"
+    },
+    {
+      "type": "patch",
+      "file": "Libraries\\Utilities\\HMRClient.windesktop.js",
+      "baseFile": "Libraries\\Utilities\\HMRClient.js",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "76e71abd8c4128cbdf212291b1d8d8994deb3da0",
+      "issue": 4087
+    },
     {
       "type": "derived",
       "file": "Libraries\\Utilities\\NativePlatformConstantsWin.js",
@@ -707,36 +579,23 @@
       "type": "derived",
       "file": "Libraries\\Utilities\\Platform.windesktop.js",
       "baseFile": "Libraries\\Utilities\\Platform.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "d3a3db6cba034363c2544e6da13d7eac1f9cddfb"
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "bcaebbe089a41de46724b00e69fcdba7e6b1ed7f"
     },
     {
       "type": "derived",
       "file": "Libraries\\Utilities\\Platform.windows.js",
       "baseFile": "Libraries\\Utilities\\Platform.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "d3a3db6cba034363c2544e6da13d7eac1f9cddfb"
-    },
-    {
-      "type": "derived",
-      "file": "Libraries\\YellowBox\\UI\\YellowBoxInspectorHeader.windesktop.js",
-      "baseFile": "Libraries\\YellowBox\\UI\\YellowBoxInspectorHeader.js",
-      "baseVersion": "0.62.2",
-      "baseHash": "80f52a83aa0b9750a8955bc79975d2b3914c664b"
-    },
-    {
-      "type": "derived",
-      "file": "Libraries\\YellowBox\\UI\\YellowBoxInspectorSourceMapStatus.windesktop.js",
-      "baseFile": "Libraries\\YellowBox\\UI\\YellowBoxInspectorSourceMapStatus.js",
-      "baseVersion": "0.62.1",
-      "baseHash": "11d3fba8d2596ecb628ca1b6db3347f444920fb9"
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "bcaebbe089a41de46724b00e69fcdba7e6b1ed7f"
     },
     {
       "type": "derived",
-      "file": "Libraries\\YellowBox\\UI\\YellowBoxList.windesktop.js",
-      "baseFile": "Libraries\\YellowBox\\UI\\YellowBoxList.js",
-      "baseVersion": "0.61.5",
-      "baseHash": "8093d13818e1c1e0dec5b6fb46b89d9152053d3c"
+      "file": "overrides.json",
+      "baseFile": "RNTester\\js\\examples\\PlatformColor\\PlatformColorExample.js",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "f1c2babe02e11d237dbab875b8a7cd63fce048b6",
+      "issue": "LEGACY_FIXME"
     },
     {
       "type": "platform",
@@ -819,8 +678,12 @@
       "file": "RNTester\\js\\examples-win\\TransferProperties\\TransferPropertiesExample.tsx"
     },
     {
-      "type": "platform",
-      "file": "RNTester\\js\\examples-win\\WindowsBrush\\WindowsBrushExample.windows.tsx"
+      "type": "derived",
+      "file": "RNTester\\js\\examples\\PlatformColor\\PlatformColorExample.windows.js",
+      "baseFile": "RNTester\\js\\examples\\PlatformColor\\PlatformColorExample.js",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "f1c2babe02e11d237dbab875b8a7cd63fce048b6",
+      "issue": 4055
     },
     {
       "type": "patch",
@@ -850,16 +713,16 @@
       "type": "derived",
       "file": "RNTester\\js\\RNTesterApp.windows.js",
       "baseFile": "RNTester\\js\\RNTesterApp.ios.js",
-      "baseVersion": "0.62.2",
-      "baseHash": "e1e649835256a5460c4bae59ef465727a5ae9983",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "34d2517461704840a508ce1856bc3a364fb3fc7e",
       "issue": 4586
     },
     {
       "type": "derived",
       "file": "RNTester\\js\\utils\\RNTesterList.windows.ts",
       "baseFile": "RNTester\\js\\utils\\RNTesterList.android.js",
-      "baseVersion": "0.62.0-rc.3",
-      "baseHash": "f1e77952c292fe2898645f81f280b64f8ea17b90",
+      "baseVersion": "0.0.0-56cf99a96",
+      "baseHash": "65c3876bdbc2755cd568b2779ed962fa7a4edf6a",
       "issue": "LEGACY_FIXME"
     },
     {
diff --git a/yarn.lock b/yarn.lock
index 59568b9a2bd..f8bd0156b7f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -122,16 +122,7 @@
     "@babel/traverse" "^7.10.1"
     "@babel/types" "^7.10.1"
 
-"@babel/helper-function-name@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.10.1.tgz#92bd63829bfc9215aca9d9defa85f56b539454f4"
-  integrity sha512-fcpumwhs3YyZ/ttd5Rz0xn0TpIwVkN7X0V38B9TWNfVF42KEkhkAAuPCQ3oXmtTRtiPJrmZ0TrfS0GKF0eMaRQ==
-  dependencies:
-    "@babel/helper-get-function-arity" "^7.10.1"
-    "@babel/template" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-function-name@^7.10.3":
+"@babel/helper-function-name@^7.10.1", "@babel/helper-function-name@^7.10.3":
   version "7.10.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.10.3.tgz#79316cd75a9fa25ba9787ff54544307ed444f197"
   integrity sha512-FvSj2aiOd8zbeqijjgqdMDSyxsGHaMt5Tr0XjQsGKHD3/1FP3wksjnLAWzxw7lvXiej8W1Jt47SKTZ6upQNiRw==
@@ -140,14 +131,7 @@
     "@babel/template" "^7.10.3"
     "@babel/types" "^7.10.3"
 
-"@babel/helper-get-function-arity@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.1.tgz#7303390a81ba7cb59613895a192b93850e373f7d"
-  integrity sha512-F5qdXkYGOQUb0hpRaPoetF9AnsXknKjWMZ+wmsIRsp5ge5sFh4c3h1eH2pRTTuy9KKAA2+TTYomGXAtEL2fQEw==
-  dependencies:
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-get-function-arity@^7.10.3":
+"@babel/helper-get-function-arity@^7.10.1", "@babel/helper-get-function-arity@^7.10.3":
   version "7.10.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.3.tgz#3a28f7b28ccc7719eacd9223b659fdf162e4c45e"
   integrity sha512-iUD/gFsR+M6uiy69JA6fzM5seno8oE85IYZdbVVEuQaZlEzMO2MXblh+KSPJgsZAUx0EEbWXU0yJaW7C9CdAVg==
@@ -188,21 +172,14 @@
     "@babel/types" "^7.10.1"
     lodash "^4.17.13"
 
-"@babel/helper-optimise-call-expression@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.1.tgz#b4a1f2561870ce1247ceddb02a3860fa96d72543"
-  integrity sha512-a0DjNS1prnBsoKx83dP2falChcs7p3i8VMzdrSbfLhuQra/2ENC4sbri34dz/rWmDADsmF1q5GbfaXydh0Jbjg==
-  dependencies:
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-optimise-call-expression@^7.10.3":
+"@babel/helper-optimise-call-expression@^7.10.1", "@babel/helper-optimise-call-expression@^7.10.3":
   version "7.10.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.3.tgz#f53c4b6783093195b0f69330439908841660c530"
   integrity sha512-kT2R3VBH/cnSz+yChKpaKRJQJWxdGoc6SjioRId2wkeV3bK0wLLioFpJROrX0U4xr/NmxSSAWT/9Ih5snwIIzg==
   dependencies:
     "@babel/types" "^7.10.3"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.1", "@babel/helper-plugin-utils@^7.10.3", "@babel/helper-plugin-utils@^7.8.0":
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.1", "@babel/helper-plugin-utils@^7.10.3", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
   version "7.10.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.3.tgz#aac45cccf8bc1873b99a85f34bceef3beb5d3244"
   integrity sha512-j/+j8NAWUTxOtx4LKHybpSClxHoq6I91DQ/mKgAXn5oNUPIUiGppjPIX3TDtJWPrdfP9Kfl7e4fgVMiQR9VE/g==
@@ -214,18 +191,7 @@
   dependencies:
     lodash "^4.17.13"
 
-"@babel/helper-remap-async-to-generator@^7.10.1":
-  version "7.10.1"
-  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.10.1.tgz#bad6aaa4ff39ce8d4b82ccaae0bfe0f7dbb5f432"
-  integrity sha512-RfX1P8HqsfgmJ6CwaXGKMAqbYdlleqglvVtht0HGPMSsy2V6MqLlOJVF/0Qyb/m2ZCi2z3q3+s6Pv7R/dQuZ6A==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.10.1"
-    "@babel/helper-wrap-function" "^7.10.1"
-    "@babel/template" "^7.10.1"
-    "@babel/traverse" "^7.10.1"
-    "@babel/types" "^7.10.1"
-
-"@babel/helper-remap-async-to-generator@^7.10.3":
+"@babel/helper-remap-async-to-generator@^7.10.1", "@babel/helper-remap-async-to-generator@^7.10.3":
   version "7.10.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.10.3.tgz#18564f8a6748be466970195b876e8bba3bccf442"
   integrity sha512-sLB7666ARbJUGDO60ZormmhQOyqMX/shKBXZ7fy937s+3ID8gSrneMvKSSb+8xIM5V7Vn6uNVtOY1vIm26XLtA==
@@ -446,14 +412,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-jsx@^7.0.0", "@babel/plugin-syntax-jsx@^7.2.0":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.2.0.tgz#0b85a3b4bc7cdf4cc4b8bf236335b907ca22e7c7"
-  integrity sha512-VyN4QANJkRW6lDBmENzRszvZf3/4AXaj9YR7GwrWeeN9tEBPuXbmDYVU9bYBN0D70zCWVwUy0HWq2553VCb6Hw==
+"@babel/plugin-syntax-jsx@^7.0.0", "@babel/plugin-syntax-jsx@^7.2.0", "@babel/plugin-syntax-jsx@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.8.3.tgz#521b06c83c40480f1e58b4fd33b92eceb1d6ea94"
+  integrity sha512-WxdW9xyLgBdefoo0Ynn3MRSkhe5tFVxxKNVdnZSh318WrG2e2jH+E9wd/++JsqcLJZPfz87njQJ8j2Upjm0M0A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.0":
+"@babel/plugin-syntax-nullish-coalescing-operator@^7.0.0", "@babel/plugin-syntax-nullish-coalescing-operator@^7.8.0":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
   integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
@@ -481,7 +447,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-optional-chaining@^7.8.0":
+"@babel/plugin-syntax-optional-chaining@^7.0.0", "@babel/plugin-syntax-optional-chaining@^7.8.0":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
   integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
@@ -709,6 +675,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-react-jsx-self@^7.0.0":
+  version "7.9.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.9.0.tgz#f4f26a325820205239bb915bad8e06fcadabb49b"
+  integrity sha512-K2ObbWPKT7KUTAoyjCsFilOkEgMvFG+y0FqOl6Lezd0/13kMkkjHskVsZvblRPj1PHA44PrToaZANrryppzTvQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/plugin-syntax-jsx" "^7.8.3"
+
 "@babel/plugin-transform-react-jsx-source@^7.0.0":
   version "7.5.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.5.0.tgz#583b10c49cf057e237085bcbd8cc960bd83bd96b"
@@ -2592,7 +2566,7 @@
   dependencies:
     serve-static "^1.13.1"
 
-"@react-native-community/cli-platform-android@^4.5.1":
+"@react-native-community/cli-platform-android@^4.2.3":
   version "4.9.0"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-android/-/cli-platform-android-4.9.0.tgz#12ba32875afca81202e1dbf0005f022fa9158352"
   integrity sha512-Tw2rQ84zXl5BGZT3rWmDXXUtkmHr73qa/qaP2WMemHTM28boXBdzkkVCnJMdCLZnCphOcpikYsBQALgqFKWOeQ==
@@ -2608,7 +2582,7 @@
     slash "^3.0.0"
     xmldoc "^1.1.2"
 
-"@react-native-community/cli-platform-ios@^4.5.0":
+"@react-native-community/cli-platform-ios@^4.2.3":
   version "4.9.0"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-ios/-/cli-platform-ios-4.9.0.tgz#211ca9cd3976fbbb41406c0a846e445cc04c773c"
   integrity sha512-8BWe3XM1vKS2/BXXDL5gbD/5rA/u34Irs0Ublrx1JSGqv83g7T9V2DlBMR5xYRbhBWnWnGXVhsN1ckxlkXh8PA==
@@ -2652,7 +2626,7 @@
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-types/-/cli-types-4.9.0.tgz#4c80b5f3789f2d3ee744e4fbb01ce839d8399ac3"
   integrity sha512-Sjun3LHuuuA6G9NIiyiqolNA7NP0CBGhbQA7twslJi3VaE1kj7OdBRCzpPtIYwK8eFWv3CEc/Qh+CoAw83Jp8A==
 
-"@react-native-community/cli@^4.5.1":
+"@react-native-community/cli@^4.2.4":
   version "4.9.0"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-4.9.0.tgz#3525d831087e084861ca484569ebfb9b1a63faac"
   integrity sha512-Aai8Tan2nJWbtJIzEMe/BrbbGFAAdusgXZ5/NB1k5oFUS6iXvW18+59ssC8FR2qGPbOLBg87oDn4Pca2u4CTlQ==
@@ -2692,7 +2666,7 @@
     sudo-prompt "^9.0.0"
     wcwidth "^1.0.1"
 
-"@react-native-community/eslint-config@^1.0.0":
+"@react-native-community/eslint-config@^1.1.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@react-native-community/eslint-config/-/eslint-config-1.1.0.tgz#2dacad06dd44d13e778510864473fc6091f080c0"
   integrity sha512-hwb1hC28BhkwLwnO6vDISV6XZbipw2RIEhBVBN+pE7AUG9HjFXxoksiiOSoYgox9C8g86VJwHnKpak/3NnVBkQ==
@@ -4209,7 +4183,7 @@ art@^0.10.0:
   resolved "https://registry.yarnpkg.com/art/-/art-0.10.3.tgz#b01d84a968ccce6208df55a733838c96caeeaea2"
   integrity sha512-HXwbdofRTiJT6qZX/FnchtldzJjS3vkLJxQilc3Xj+ma2MXjY4UAyQ0ls1XZYVnDvVIBiFZbC6QsvtW86TD6tQ==
 
-asap@^2.0.0, asap@~2.0.3:
+asap@^2.0.0, asap@~2.0.3, asap@~2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
   integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
@@ -6346,13 +6320,6 @@ eslint-plugin-react@7.19.0, eslint-plugin-react@^7.14.1:
     string.prototype.matchall "^4.0.2"
     xregexp "^4.3.0"
 
-eslint-plugin-relay@1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-relay/-/eslint-plugin-relay-1.4.1.tgz#5af2ac13e24bd01ad17b6a4014204918d65021cd"
-  integrity sha512-yb+p+4AxZTi2gXN7cZRfXMBFlRa5j6TtiVeq3yHXyy+tlgYNpxi/dDrP1+tcUTNP9vdaJovnfGZ5jp6kMiH9eg==
-  dependencies:
-    graphql "^14.0.0"
-
 eslint-scope@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
@@ -6964,10 +6931,10 @@ flat-cache@^1.2.1:
     rimraf "~2.6.2"
     write "^0.2.1"
 
-flow-bin@^0.113.0:
-  version "0.113.0"
-  resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.113.0.tgz#6457d250dbc6f71ca51e75f00a96d23cde5d987a"
-  integrity sha512-76uE2LGNe50wm+Jup8Np4FBcMbyy5V2iE+K25PPIYLaEMGHrL1jnQfP9L0hTzA5oh2ZJlexRLMlaPqIYIKH9nw==
+flow-bin@^0.120.1:
+  version "0.120.1"
+  resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.120.1.tgz#ab051d6df71829b70a26a2c90bb81f9d43797cae"
+  integrity sha512-KgE+d+rKzdXzhweYVJty1QIOOZTTbtnXZf+4SLnmArLvmdfeLreQOZpeLbtq5h79m7HhDzX/HkUkoyu/fmSC2A==
 
 flow-parser@0.*:
   version "0.113.0"
@@ -7431,13 +7398,6 @@ grapheme-splitter@^1.0.2:
   resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
   integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
 
-graphql@^14.0.0:
-  version "14.6.0"
-  resolved "https://registry.yarnpkg.com/graphql/-/graphql-14.6.0.tgz#57822297111e874ea12f5cd4419616930cd83e49"
-  integrity sha512-VKzfvHEKybTKjQVpTFrA5yUq2S9ihcZvfJAtsDBBCuV6wauPu1xl/f9ehgVf0FcEJJs4vz6ysb/ZMkGigQZseg==
-  dependencies:
-    iterall "^1.2.2"
-
 growly@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
@@ -8278,11 +8238,6 @@ istanbul-reports@^2.2.6:
   dependencies:
     html-escaper "^2.0.0"
 
-iterall@^1.2.2:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/iterall/-/iterall-1.3.0.tgz#afcb08492e2915cbd8a0884eb93a8c94d0d72fea"
-  integrity sha512-QZ9qOMdF+QLHxy1QIpUHUU1D5pS2CG2P69LF6L6CPjPYA/XMOmKV3PZpawHoAjHNyB0swdVTRxdYT4tbBbxqwg==
-
 jasmine-core@~3.4.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/jasmine-core/-/jasmine-core-3.4.0.tgz#2a74618e966026530c3518f03e9f845d26473ce3"
@@ -9676,6 +9631,20 @@ metro-babel-register@0.58.0:
     core-js "^2.2.2"
     escape-string-regexp "^1.0.5"
 
+metro-babel-register@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/metro-babel-register/-/metro-babel-register-0.59.0.tgz#2bcff65641b36794cf083ba732fbc46cf870fb43"
+  integrity sha512-JtWc29erdsXO/V3loenXKw+aHUXgj7lt0QPaZKPpctLLy8kcEpI/8pfXXgVK9weXICCpCnYtYncIosAyzh0xjg==
+  dependencies:
+    "@babel/core" "^7.0.0"
+    "@babel/plugin-proposal-class-properties" "^7.0.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-proposal-optional-chaining" "^7.0.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.0.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.0.0"
+    "@babel/register" "^7.0.0"
+    escape-string-regexp "^1.0.5"
+
 metro-babel-transformer@0.58.0:
   version "0.58.0"
   resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.58.0.tgz#317c83b863cceb0573943815f1711fbcbe69b106"
@@ -9684,6 +9653,14 @@ metro-babel-transformer@0.58.0:
     "@babel/core" "^7.0.0"
     metro-source-map "0.58.0"
 
+metro-babel-transformer@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.59.0.tgz#dda99c75d831b00142c42c020c51c103b29f199d"
+  integrity sha512-fdZJl8rs54GVFXokxRdD7ZrQ1TJjxWzOi/xSP25VR3E8tbm3nBZqS+/ylu643qSr/IueABR+jrlqAyACwGEf6w==
+  dependencies:
+    "@babel/core" "^7.0.0"
+    metro-source-map "0.59.0"
+
 metro-cache@0.58.0:
   version "0.58.0"
   resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.58.0.tgz#630ea0a4626dfb9591c71fdb85dce14b5e9a04ec"
@@ -9775,6 +9752,50 @@ metro-react-native-babel-preset@0.58.0:
     "@babel/template" "^7.0.0"
     react-refresh "^0.4.0"
 
+metro-react-native-babel-preset@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.59.0.tgz#20e020bc6ac9849e1477de1333d303ed42aba225"
+  integrity sha512-BoO6ncPfceIDReIH8pQ5tQptcGo5yRWQXJGVXfANbiKLq4tfgdZB1C1e2rMUJ6iypmeJU9dzl+EhPmIFKtgREg==
+  dependencies:
+    "@babel/plugin-proposal-class-properties" "^7.0.0"
+    "@babel/plugin-proposal-export-default-from" "^7.0.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-proposal-object-rest-spread" "^7.0.0"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.0.0"
+    "@babel/plugin-proposal-optional-chaining" "^7.0.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.0.0"
+    "@babel/plugin-syntax-export-default-from" "^7.0.0"
+    "@babel/plugin-syntax-flow" "^7.2.0"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.0.0"
+    "@babel/plugin-transform-arrow-functions" "^7.0.0"
+    "@babel/plugin-transform-block-scoping" "^7.0.0"
+    "@babel/plugin-transform-classes" "^7.0.0"
+    "@babel/plugin-transform-computed-properties" "^7.0.0"
+    "@babel/plugin-transform-destructuring" "^7.0.0"
+    "@babel/plugin-transform-exponentiation-operator" "^7.0.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.0.0"
+    "@babel/plugin-transform-for-of" "^7.0.0"
+    "@babel/plugin-transform-function-name" "^7.0.0"
+    "@babel/plugin-transform-literals" "^7.0.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.0.0"
+    "@babel/plugin-transform-object-assign" "^7.0.0"
+    "@babel/plugin-transform-parameters" "^7.0.0"
+    "@babel/plugin-transform-react-display-name" "^7.0.0"
+    "@babel/plugin-transform-react-jsx" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-self" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-source" "^7.0.0"
+    "@babel/plugin-transform-regenerator" "^7.0.0"
+    "@babel/plugin-transform-runtime" "^7.0.0"
+    "@babel/plugin-transform-shorthand-properties" "^7.0.0"
+    "@babel/plugin-transform-spread" "^7.0.0"
+    "@babel/plugin-transform-sticky-regex" "^7.0.0"
+    "@babel/plugin-transform-template-literals" "^7.0.0"
+    "@babel/plugin-transform-typescript" "^7.5.0"
+    "@babel/plugin-transform-unicode-regex" "^7.0.0"
+    "@babel/template" "^7.0.0"
+    react-refresh "^0.4.0"
+
 metro-react-native-babel-preset@^0.56.0:
   version "0.56.4"
   resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.56.4.tgz#dcedc64b7ff5c0734839458e70eb0ebef6d063a8"
@@ -9816,7 +9837,18 @@ metro-react-native-babel-preset@^0.56.0:
     "@babel/template" "^7.0.0"
     react-refresh "^0.4.0"
 
-metro-react-native-babel-transformer@0.58.0, metro-react-native-babel-transformer@^0.58.0:
+metro-react-native-babel-transformer@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.59.0.tgz#9b3dfd6ad35c6ef37fc4ce4d20a2eb67fabbb4be"
+  integrity sha512-1O3wrnMq4NcPQ1asEcl9lRDn/t+F1Oef6S9WaYVIKEhg9m/EQRGVrrTVP+R6B5Eeaj3+zNKbzM8Dx/NWy1hUbQ==
+  dependencies:
+    "@babel/core" "^7.0.0"
+    babel-preset-fbjs "^3.3.0"
+    metro-babel-transformer "0.59.0"
+    metro-react-native-babel-preset "0.59.0"
+    metro-source-map "0.59.0"
+
+metro-react-native-babel-transformer@^0.58.0:
   version "0.58.0"
   resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.58.0.tgz#5da0e5a1b83c01d11626905fa59f34fda53a21a5"
   integrity sha512-3A73+cRq1eUPQ8g+hPNGgMUMCGmtQjwqHfoG1DwinAoJ/kr4WOXWWbGZo0xHJNBe/zdHGl0uHcDCp2knPglTdQ==
@@ -9847,6 +9879,19 @@ metro-source-map@0.58.0:
     source-map "^0.5.6"
     vlq "^1.0.0"
 
+metro-source-map@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.59.0.tgz#e9beb9fc51bfb4e060f95820cf1508fc122d23f7"
+  integrity sha512-0w5CmCM+ybSqXIjqU4RiK40t4bvANL6lafabQ2GP2XD3vSwkLY+StWzCtsb4mPuyi9R/SgoLBel+ZOXHXAH0eQ==
+  dependencies:
+    "@babel/traverse" "^7.0.0"
+    "@babel/types" "^7.0.0"
+    invariant "^2.2.4"
+    metro-symbolicate "0.59.0"
+    ob1 "0.59.0"
+    source-map "^0.5.6"
+    vlq "^1.0.0"
+
 metro-symbolicate@0.58.0:
   version "0.58.0"
   resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.58.0.tgz#ba9fd52549c41fc1b656adaad7c8875726dd5abe"
@@ -9858,6 +9903,17 @@ metro-symbolicate@0.58.0:
     through2 "^2.0.1"
     vlq "^1.0.0"
 
+metro-symbolicate@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.59.0.tgz#fc7f93957a42b02c2bfc57ed1e8f393f5f636a54"
+  integrity sha512-asLaF2A7rndrToGFIknL13aiohwPJ95RKHf0NM3hP/nipiLDoMzXT6ZnQvBqDxkUKyP+51AI75DMtb+Wcyw4Bw==
+  dependencies:
+    invariant "^2.2.4"
+    metro-source-map "0.59.0"
+    source-map "^0.5.6"
+    through2 "^2.0.1"
+    vlq "^1.0.0"
+
 metro@0.58.0, metro@^0.58.0:
   version "0.58.0"
   resolved "https://registry.yarnpkg.com/metro/-/metro-0.58.0.tgz#c037318c112f80dc96199780c8b401ab72cfd142"
@@ -10566,6 +10622,11 @@ ob1@0.58.0:
   resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.58.0.tgz#484a1e9a63a8b79d9ea6f3a83b2a42110faac973"
   integrity sha512-uZP44cbowAfHafP1k4skpWItk5iHCoRevMfrnUvYCfyNNPPJd3rfDCyj0exklWi2gDXvjlj2ObsfiqP/bs/J7Q==
 
+ob1@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.59.0.tgz#ee103619ef5cb697f2866e3577da6f0ecd565a36"
+  integrity sha512-opXMTxyWJ9m68ZglCxwo0OPRESIC/iGmKFPXEXzMZqsVIrgoRXOHmoMDkQzz4y3irVjbyPJRAh5pI9fd0MJTFQ==
+
 object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
@@ -11382,6 +11443,13 @@ promise@^7.1.1:
   dependencies:
     asap "~2.0.3"
 
+promise@^8.0.3:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/promise/-/promise-8.1.0.tgz#697c25c3dfe7435dd79fcd58c38a135888eaf05e"
+  integrity sha512-W04AqnILOL/sPRXziNicCjSNRruLAuIHEOVBazepu0545DDNGYHz7ar9ZgZ1fMU8/MA4mVxp5rkBWRi6OXIy3Q==
+  dependencies:
+    asap "~2.0.6"
+
 prompt-sync@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/prompt-sync/-/prompt-sync-4.2.0.tgz#0198f73c5b70e3b03e4b9033a50540a7c9a1d7f4"
@@ -11580,39 +11648,35 @@ react-native-tscodegen@0.62.1:
     nullthrows "1.1.1"
     typescript "^3.5.3"
 
-react-native@0.62.2:
-  version "0.62.2"
-  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.62.2.tgz#d831e11a3178705449142df19a70ac2ca16bad10"
-  integrity sha512-gADZZ3jcm2WFTjh8CCBCbl5wRSbdxqZGd+8UpNwLQFgrkp/uHorwAhLNqcd4+fHmADgPBltNL0uR1Vhv47zcOw==
+react-native@0.0.0-56cf99a96:
+  version "0.0.0-56cf99a96"
+  resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.0.0-56cf99a96.tgz#db3dab3517aec55fa515bf76aca5d3cb67109b2e"
+  integrity sha512-134alcdj8UzQEbnv8vKv+3MsW1KSoV6vxhSkArXGjjKes7LeZW4IhnakKH56PpLAAqesoxiO+C4XPRZkE5rHMg==
   dependencies:
     "@babel/runtime" "^7.0.0"
-    "@react-native-community/cli" "^4.5.1"
-    "@react-native-community/cli-platform-android" "^4.5.1"
-    "@react-native-community/cli-platform-ios" "^4.5.0"
+    "@react-native-community/cli" "^4.2.4"
+    "@react-native-community/cli-platform-android" "^4.2.3"
+    "@react-native-community/cli-platform-ios" "^4.2.3"
     abort-controller "^3.0.0"
     anser "^1.4.9"
     base64-js "^1.1.2"
-    connect "^3.6.5"
-    create-react-class "^15.6.3"
-    escape-string-regexp "^1.0.5"
-    eslint-plugin-relay "1.4.1"
     event-target-shim "^5.0.1"
     fbjs "^1.0.0"
     fbjs-scripts "^1.1.0"
     hermes-engine "~0.4.0"
     invariant "^2.2.4"
     jsc-android "^245459.0.0"
-    metro-babel-register "0.58.0"
-    metro-react-native-babel-transformer "0.58.0"
-    metro-source-map "0.58.0"
+    metro-babel-register "0.59.0"
+    metro-react-native-babel-transformer "0.59.0"
+    metro-source-map "0.59.0"
     nullthrows "^1.1.1"
-    pretty-format "^24.7.0"
-    promise "^7.1.1"
+    pretty-format "^24.9.0"
+    promise "^8.0.3"
     prop-types "^15.7.2"
     react-devtools-core "^4.0.6"
     react-refresh "^0.4.0"
     regenerator-runtime "^0.13.2"
-    scheduler "0.17.0"
+    scheduler "0.19.0"
     stacktrace-parser "^0.1.3"
     use-subscription "^1.0.0"
     whatwg-fetch "^3.0.0"
@@ -11632,10 +11696,10 @@ react-test-renderer@16.9.0:
     react-is "^16.9.0"
     scheduler "^0.15.0"
 
-react@16.11.0:
-  version "16.11.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.11.0.tgz#d294545fe62299ccee83363599bf904e4a07fdbb"
-  integrity sha512-M5Y8yITaLmU0ynd0r1Yvfq98Rmll6q8AxaEe88c8e7LxO8fZ2cNgmFt0aGAS9wzf1Ao32NKXtCl+/tVVtkxq6g==
+react@16.13.0:
+  version "16.13.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.13.0.tgz#d046eabcdf64e457bbeed1e792e235e1b9934cf7"
+  integrity sha512-TSavZz2iSLkq5/oiE7gnFzmURKZMltmi193rm5HEoUDAXpzT9Kzw6oNZnGoai/4+fUnm7FqS5dwgUL34TujcWQ==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
@@ -12235,10 +12299,10 @@ scheduler@0.14.0:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
-scheduler@0.17.0:
-  version "0.17.0"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.17.0.tgz#7c9c673e4ec781fac853927916d1c426b6f3ddfe"
-  integrity sha512-7rro8Io3tnCPuY4la/NuI5F2yfESpnfZyT6TtkXnSWVkcu0BCDJ+8gk5ozUaFaxpIyNuWAPXrH0yFcSi28fnDA==
+scheduler@0.19.0:
+  version "0.19.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.0.tgz#a715d56302de403df742f4a9be11975b32f5698d"
+  integrity sha512-xowbVaTPe9r7y7RUejcK73/j8tt2jfiyTednOvHbA8JoClvMYCp+r8QegLwK/n8zWQAtZb1fFnER4XLBZXrCxA==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"