Rewrite imports in RNTester to use standard paths (#24317)

Summary:
See https://github.com/facebook/react-native/issues/24316 for the motivation. This commit rewrites the imports in the RNTester project.

[General] [Changed] - Replaced Haste-style imports with standard path-style imports for RNTester
Pull Request resolved: https://github.com/facebook/react-native/pull/24317

Differential Revision: D14870504

Pulled By: cpojer

fbshipit-source-id: b14f22e7ce559efc332ced032617ca581196d90f

RNTester/NativeModuleExample/NativeScreenshotManager.js

@@ -10,8 +10,8 @@
 
 'use strict';
 
-import type {TurboModule} from 'RCTExport';
-import * as TurboModuleRegistry from 'TurboModuleRegistry';
+import type {TurboModule} from '../../Libraries/TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../../Libraries/TurboModule/TurboModuleRegistry';
 
 export interface Spec extends TurboModule {
   +getConstants: () => {||};

RNTester/RCTTest/RCTSnapshotNativeComponent.js

@@ -10,9 +10,11 @@
 
 'use strict';
 
-import type {SyntheticEvent} from 'CoreEventTypes';
-import type {ViewProps} from 'ViewPropTypes';
-import type {NativeComponent} from 'ReactNative';
+const {requireNativeComponent} = require('react-native');
+
+import type {SyntheticEvent} from '../../Libraries/Types/CoreEventTypes';
+import type {ViewProps} from '../../Libraries/Components/View/ViewPropTypes';
+import type {NativeComponent} from '../../Libraries/Renderer/shims/ReactNative';
 
 type SnapshotReadyEvent = SyntheticEvent<
   $ReadOnly<{
@@ -28,8 +30,6 @@ type NativeProps = $ReadOnly<{|
 
 type SnapshotViewNativeType = Class<NativeComponent<NativeProps>>;
 
-const requireNativeComponent = require('requireNativeComponent');
-
 module.exports = ((requireNativeComponent(
   'RCTSnapshot',
 ): any): SnapshotViewNativeType);

RNTester/js/ARTExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {ART, Platform, View} = ReactNative;
+const {ART, Platform, View} = require('react-native');
 
 const {Surface, Path, Group, Shape} = ART;
 

RNTester/js/AccessibilityAndroidExample.android.js

@@ -10,15 +10,12 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
-  AccessibilityInfo,
   StyleSheet,
   Text,
   View,
-  ToastAndroid,
   TouchableWithoutFeedback,
-} = ReactNative;
+} = require('react-native');
 
 const RNTesterBlock = require('./RNTesterBlock');
 const RNTesterPage = require('./RNTesterPage');

RNTester/js/AccessibilityExample.js

@@ -10,8 +10,13 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {AccessibilityInfo, Text, View, TouchableOpacity, Alert} = ReactNative;
+const {
+  AccessibilityInfo,
+  Text,
+  View,
+  TouchableOpacity,
+  Alert,
+} = require('react-native');
 
 const RNTesterBlock = require('./RNTesterBlock');
 

RNTester/js/AccessibilityIOSExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {AccessibilityInfo, Text, View, TouchableOpacity, Alert} = ReactNative;
+const {Text, View, Alert} = require('react-native');
 
 const RNTesterBlock = require('./RNTesterBlock');
 
@@ -34,7 +33,9 @@ class AccessibilityIOSExample extends React.Component<Props> {
           <Text>Accessibility magic tap example</Text>
         </View>
         <View
-          onAccessibilityEscape={() => alert('onAccessibilityEscape success')}
+          onAccessibilityEscape={() =>
+            Alert.alert('onAccessibilityEscape success')
+          }
           accessible={true}>
           <Text>Accessibility escape example</Text>
         </View>

RNTester/js/ActionSheetIOSExample.js

@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   ActionSheetIOS,
   StyleSheet,
@@ -19,7 +18,8 @@ const {
   View,
   Alert,
   NativeModules,
-} = ReactNative;
+  findNodeHandle,
+} = require('react-native');
 const ScreenshotManager = NativeModules.ScreenshotManager;
 
 const BUTTONS = ['Option 0', 'Option 1', 'Option 2', 'Delete', 'Cancel'];
@@ -128,7 +128,7 @@ class ActionSheetAnchorExample extends React.Component<
         cancelButtonIndex: CANCEL_INDEX,
         destructiveButtonIndex: DESTRUCTIVE_INDEX,
         anchor: this.anchorRef.current
-          ? ReactNative.findNodeHandle(this.anchorRef.current)
+          ? findNodeHandle(this.anchorRef.current)
           : undefined,
       },
       buttonIndex => {
@@ -263,7 +263,7 @@ class ShareScreenshotAnchorExample extends React.Component<
             url: uri,
             excludedActivityTypes: ['com.apple.UIKit.activity.PostToTwitter'],
             anchor: this.anchorRef.current
-              ? ReactNative.findNodeHandle(this.anchorRef.current)
+              ? findNodeHandle(this.anchorRef.current)
               : undefined,
           },
           error => Alert.alert('Error', error),

RNTester/js/AlertExample.js

@@ -10,8 +10,13 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Alert, StyleSheet, Text, TouchableHighlight, View} = ReactNative;
+const {
+  Alert,
+  StyleSheet,
+  Text,
+  TouchableHighlight,
+  View,
+} = require('react-native');
 
 const RNTesterBlock = require('./RNTesterBlock');
 

RNTester/js/AlertIOSExample.js

@@ -11,8 +11,13 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {StyleSheet, View, Text, TouchableHighlight, Alert} = ReactNative;
+const {
+  StyleSheet,
+  View,
+  Text,
+  TouchableHighlight,
+  Alert,
+} = require('react-native');
 
 const {SimpleAlertExampleBlock} = require('./AlertExample');
 

RNTester/js/AnimatedExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Animated, Easing, StyleSheet, Text, View} = ReactNative;
+const {Animated, Easing, StyleSheet, Text, View} = require('react-native');
 const RNTesterButton = require('./RNTesterButton');
 
 const styles = StyleSheet.create({

RNTester/js/AnimatedGratuitousApp/AnExApp.js

@@ -11,10 +11,15 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Animated, LayoutAnimation, PanResponder, StyleSheet, View} = ReactNative;
+const {
+  Animated,
+  LayoutAnimation,
+  PanResponder,
+  StyleSheet,
+  View,
+} = require('react-native');
 
-const AnExSet = require('AnExSet');
+const AnExSet = require('./AnExSet');
 
 const CIRCLE_SIZE = 80;
 const CIRCLE_MARGIN = 18;

RNTester/js/AnimatedGratuitousApp/AnExBobble.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Animated, PanResponder, StyleSheet, View} = ReactNative;
+const {Animated, PanResponder, StyleSheet, View} = require('react-native');
 
 const NUM_BOBBLES = 5;
 const RAD_EACH = Math.PI / 2 / (NUM_BOBBLES - 2);

RNTester/js/AnimatedGratuitousApp/AnExChained.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Animated, PanResponder, StyleSheet, View} = ReactNative;
+const {Animated, PanResponder, StyleSheet, View} = require('react-native');
 
 class AnExChained extends React.Component<Object, any> {
   constructor(props: Object) {

RNTester/js/AnimatedGratuitousApp/AnExScroll.js

@@ -11,8 +11,14 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Animated, Image, ScrollView, StyleSheet, Text, View} = ReactNative;
+const {
+  Animated,
+  Image,
+  ScrollView,
+  StyleSheet,
+  Text,
+  View,
+} = require('react-native');
 
 class AnExScroll extends React.Component<$FlowFixMeProps, any> {
   state: any = {scrollX: new Animated.Value(0)};

RNTester/js/AnimatedGratuitousApp/AnExSet.js

@@ -11,8 +11,13 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Animated, PanResponder, StyleSheet, Text, View} = ReactNative;
+const {
+  Animated,
+  PanResponder,
+  StyleSheet,
+  Text,
+  View,
+} = require('react-native');
 
 const AnExBobble = require('./AnExBobble');
 const AnExChained = require('./AnExChained');

RNTester/js/AnimatedGratuitousApp/AnExTilt.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Animated, PanResponder, StyleSheet} = ReactNative;
+const {Animated, PanResponder, StyleSheet} = require('react-native');
 
 class AnExTilt extends React.Component<Object, any> {
   constructor(props: Object) {

RNTester/js/AppStateExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {AppState, Text, View} = ReactNative;
+const {AppState, Text, View} = require('react-native');
 
 class AppStateSubscription extends React.Component<
   $FlowFixMeProps,

RNTester/js/AssetScaledImageExample.js

@@ -11,10 +11,9 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Image, StyleSheet, View, ScrollView} = ReactNative;
+const {Image, StyleSheet, View, ScrollView} = require('react-native');
 
-import type {PhotoIdentifier} from 'CameraRoll';
+import type {PhotoIdentifier} from '../../Libraries/CameraRoll/CameraRoll';
 
 type Props = $ReadOnly<{|
   asset: PhotoIdentifier,

RNTester/js/AsyncStorageExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {AsyncStorage, PickerIOS, Text, View} = ReactNative;
+const {AsyncStorage, PickerIOS, Text, View} = require('react-native');
 const PickerItemIOS = PickerIOS.Item;
 
 const STORAGE_KEY = '@AsyncStorageExample:key';

RNTester/js/BorderExample.js

@@ -10,8 +10,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {StyleSheet, View} = ReactNative;
+const {StyleSheet, View} = require('react-native');
 
 const styles = StyleSheet.create({
   box: {

RNTester/js/BoxShadowExample.js

@@ -10,8 +10,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Image, StyleSheet, View} = ReactNative;
+const {Image, StyleSheet, View} = require('react-native');
 
 const styles = StyleSheet.create({
   box: {

RNTester/js/ButtonExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Alert, Button, View, StyleSheet} = ReactNative;
+const {Alert, Button, View, StyleSheet} = require('react-native');
 
 function onButtonPress(buttonName) {
   Alert.alert(`${buttonName} has been pressed!`);

RNTester/js/CameraRollExample.js

@@ -10,7 +10,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   CameraRoll,
   Image,
@@ -20,7 +19,7 @@ const {
   Text,
   View,
   TouchableOpacity,
-} = ReactNative;
+} = require('react-native');
 
 const invariant = require('invariant');
 
@@ -28,7 +27,10 @@ const CameraRollView = require('./CameraRollView');
 
 const AssetScaledImageExampleView = require('./AssetScaledImageExample');
 
-import type {PhotoIdentifier, GroupTypes} from 'CameraRoll';
+import type {
+  PhotoIdentifier,
+  GroupTypes,
+} from '../../Libraries/CameraRoll/CameraRoll';
 
 type Props = $ReadOnly<{|
   navigator?: ?Array<

RNTester/js/CameraRollView.js

@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   ActivityIndicator,
   Alert,
@@ -22,16 +21,16 @@ const {
   Platform,
   StyleSheet,
   View,
-} = ReactNative;
+} = require('react-native');
 
-const groupByEveryN = require('groupByEveryN');
-const logError = require('logError');
+const groupByEveryN = require('../../Libraries/Utilities/groupByEveryN');
+const logError = require('../../Libraries/Utilities/logError');
 
 import type {
   PhotoIdentifier,
   PhotoIdentifiersPage,
   GetPhotosParams,
-} from 'CameraRoll';
+} from '../../Libraries/CameraRoll/CameraRoll';
 
 type Props = $ReadOnly<{|
   /**

RNTester/js/CheckBoxExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {CheckBox, Text, View, StyleSheet} = ReactNative;
+const {CheckBox, Text, View, StyleSheet} = require('react-native');
 
 type BasicState = {|
   trueCheckBoxIsOn: boolean,

RNTester/js/ClipboardExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Clipboard, View, Text, StyleSheet} = ReactNative;
+const {Clipboard, View, Text, StyleSheet} = require('react-native');
 
 type Props = $ReadOnly<{||}>;
 type State = {|

RNTester/js/DatePickerAndroidExample.js

@@ -10,13 +10,12 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   DatePickerAndroid,
   StyleSheet,
   Text,
   TouchableWithoutFeedback,
-} = ReactNative;
+} = require('react-native');
 
 const RNTesterBlock = require('./RNTesterBlock');
 const RNTesterPage = require('./RNTesterPage');

RNTester/js/DatePickerIOSExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {DatePickerIOS, StyleSheet, Text, View} = ReactNative;
+const {DatePickerIOS, StyleSheet, Text, View} = require('react-native');
 
 type State = {|
   date: Date,

RNTester/js/DimensionsExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Dimensions, Text, View} = ReactNative;
+const {Dimensions, Text, View} = require('react-native');
 
 class DimensionsSubscription extends React.Component<
   {dim: string},

RNTester/js/FlatListExample.js

@@ -12,14 +12,12 @@
 
 import type {Item} from './ListExampleShared';
 
-const Alert = require('Alert');
 const React = require('react');
-const ReactNative = require('react-native');
-const {Animated, StyleSheet, View} = ReactNative;
+const {Alert, Animated, StyleSheet, View} = require('react-native');
 
 const RNTesterPage = require('./RNTesterPage');
 
-const infoLog = require('infoLog');
+const infoLog = require('../../Libraries/Utilities/infoLog');
 
 const {
   FooterComponent,

RNTester/js/ImageCapInsetsExample.js

@@ -13,7 +13,7 @@
 const React = require('react');
 const ReactNative = require('react-native');
 
-const nativeImageSource = require('nativeImageSource');
+const nativeImageSource = require('../../Libraries/Image/nativeImageSource');
 const {Image, StyleSheet, Text, View} = ReactNative;
 
 type Props = $ReadOnly<{||}>;

RNTester/js/ImageEditingExample.js

@@ -10,7 +10,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   CameraRoll,
   Image,
@@ -21,7 +20,7 @@ const {
   Text,
   TouchableHighlight,
   View,
-} = ReactNative;
+} = require('react-native');
 
 const PAGE_SIZE = 20;
 

RNTester/js/ImageExample.js

@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   ActivityIndicator,
   Image,
@@ -19,7 +18,7 @@ const {
   Text,
   View,
   ImageBackground,
-} = ReactNative;
+} = require('react-native');
 
 const base64Icon =
   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAQAAACSR7JhAAADtUlEQVR4Ac3YA2Bj6QLH0XPT1Fzbtm29tW3btm3bfLZtv7e2ObZnms7d8Uw098tuetPzrxv8wiISrtVudrG2JXQZ4VOv+qUfmqCGGl1mqLhoA52oZlb0mrjsnhKpgeUNEs91Z0pd1kvihA3ULGVHiQO2narKSHKkEMulm9VgUyE60s1aWoMQUbpZOWE+kaqs4eLEjdIlZTcFZB0ndc1+lhB1lZrIuk5P2aib1NBpZaL+JaOGIt0ls47SKzLC7CqrlGF6RZ09HGoNy1lYl2aRSWL5GuzqWU1KafRdoRp0iOQEiDzgZPnG6DbldcomadViflnl/cL93tOoVbsOLVM2jylvdWjXolWX1hmfZbGR/wjypDjFLSZIRov09BgYmtUqPQPlQrPapecLgTIy0jMgPKtTeob2zWtrGH3xvjUkPCtNg/tm1rjwrMa+mdUkPd3hWbH0jArPGiU9ufCsNNWFZ40wpwn+62/66R2RUtoso1OB34tnLOcy7YB1fUdc9e0q3yru8PGM773vXsuZ5YIZX+5xmHwHGVvlrGPN6ZSiP1smOsMMde40wKv2VmwPPVXNut4sVpUreZiLBHi0qln/VQeI/LTMYXpsJtFiclUN+5HVZazim+Ky+7sAvxWnvjXrJFneVtLWLyPJu9K3cXLWeOlbMTlrIelbMDlrLenrjEQOtIF+fuI9xRp9ZBFp6+b6WT8RrxEpdK64BuvHgDk+vUy+b5hYk6zfyfs051gRoNO1usU12WWRWL73/MMEy9pMi9qIrR4ZpV16Rrvduxazmy1FSvuFXRkqTnE7m2kdb5U8xGjLw/spRr1uTov4uOgQE+0N/DvFrG/Jt7i/FzwxbA9kDanhf2w+t4V97G8lrT7wc08aA2QNUkuTfW/KimT01wdlfK4yEw030VfT0RtZbzjeMprNq8m8tnSTASrTLti64oBNdpmMQm0eEwvfPwRbUBywG5TzjPCsdwk3IeAXjQblLCoXnDVeoAz6SfJNk5TTzytCNZk/POtTSV40NwOFWzw86wNJRpubpXsn60NJFlHeqlYRbslqZm2jnEZ3qcSKgm0kTli3zZVS7y/iivZTweYXJ26Y+RTbV1zh3hYkgyFGSTKPfRVbRqWWVReaxYeSLarYv1Qqsmh1s95S7G+eEWK0f3jYKTbV6bOwepjfhtafsvUsqrQvrGC8YhmnO9cSCk3yuY984F1vesdHYhWJ5FvASlacshUsajFt2mUM9pqzvKGcyNJW0arTKN1GGGzQlH0tXwLDgQTurS8eIQAAAABJRU5ErkJggg==';

RNTester/js/InputAccessoryViewExample.js

@@ -10,8 +10,7 @@
 
 'use strict';
 
-const React = require('React');
-const ReactNative = require('react-native');
+const React = require('react');
 const {
   Alert,
   Button,
@@ -21,7 +20,7 @@ const {
   Text,
   TextInput,
   View,
-} = ReactNative;
+} = require('react-native');
 
 type MessageProps = $ReadOnly<{||}>;
 class Message extends React.PureComponent<MessageProps> {

RNTester/js/KeyboardAvoidingViewExample.js

@@ -9,8 +9,7 @@
 
 'use strict';
 
-const React = require('React');
-const ReactNative = require('react-native');
+const React = require('react');
 const {
   KeyboardAvoidingView,
   Modal,
@@ -20,7 +19,7 @@ const {
   TextInput,
   TouchableHighlight,
   View,
-} = ReactNative;
+} = require('react-native');
 
 const RNTesterBlock = require('./RNTesterBlock');
 const RNTesterPage = require('./RNTesterPage');

RNTester/js/LayoutAnimationExample.js

@@ -11,8 +11,13 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {LayoutAnimation, StyleSheet, Text, View, TouchableOpacity} = ReactNative;
+const {
+  LayoutAnimation,
+  StyleSheet,
+  Text,
+  View,
+  TouchableOpacity,
+} = require('react-native');
 
 class AddRemoveExample extends React.Component<{}, $FlowFixMeState> {
   state = {

RNTester/js/LayoutEventsExample.js

@@ -11,10 +11,18 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Image, LayoutAnimation, StyleSheet, Text, View} = ReactNative;
+const {
+  Image,
+  LayoutAnimation,
+  StyleSheet,
+  Text,
+  View,
+} = require('react-native');
 
-import type {ViewLayout, ViewLayoutEvent} from 'ViewPropTypes';
+import type {
+  ViewLayout,
+  ViewLayoutEvent,
+} from '../../Libraries/Components/View/ViewPropTypes';
 
 type Props = $ReadOnly<{||}>;
 type State = {

RNTester/js/LayoutExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {StyleSheet, Text, View} = ReactNative;
+const {StyleSheet, Text, View} = require('react-native');
 
 const RNTesterBlock = require('./RNTesterBlock');
 const RNTesterPage = require('./RNTesterPage');

RNTester/js/ListExampleShared.js

@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   Animated,
   Image,
@@ -22,7 +21,7 @@ const {
   Text,
   TextInput,
   View,
-} = ReactNative;
+} = require('react-native');
 
 export type Item = {
   title: string,

RNTester/js/ModalExample.js

@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   Modal,
   Picker,
@@ -21,7 +20,7 @@ const {
   Text,
   TouchableHighlight,
   View,
-} = ReactNative;
+} = require('react-native');
 
 const Item = Picker.Item;
 

RNTester/js/MultiColumnExample.js

@@ -11,12 +11,11 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {FlatList, StyleSheet, Text, View, Alert} = ReactNative;
+const {FlatList, StyleSheet, Text, View, Alert} = require('react-native');
 
 const RNTesterPage = require('./RNTesterPage');
 
-const infoLog = require('infoLog');
+const infoLog = require('../../Libraries/Utilities/infoLog');
 
 const {
   FooterComponent,

RNTester/js/NativeAnimationsExample.js

@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   View,
   Text,
@@ -19,7 +18,7 @@ const {
   StyleSheet,
   TouchableWithoutFeedback,
   Slider,
-} = ReactNative;
+} = require('react-native');
 
 const AnimatedSlider = Animated.createAnimatedComponent(Slider);
 
@@ -155,7 +154,7 @@ class LoopExample extends React.Component<{}, $FlowFixMeState> {
   }
 }
 
-const RNTesterSettingSwitchRow = require('RNTesterSettingSwitchRow');
+const RNTesterSettingSwitchRow = require('./RNTesterSettingSwitchRow');
 class InternalSettings extends React.Component<
   {},
   {busyTime: number | string, filteredStall: number},
@@ -188,16 +187,20 @@ class InternalSettings extends React.Component<
           initialValue={false}
           label="Track JS Stalls"
           onEnable={() => {
-            require('JSEventLoopWatchdog').install({thresholdMS: 25});
-            this.setState({busyTime: '<none>'});
-            require('JSEventLoopWatchdog').addHandler({
-              onStall: ({busyTime}) =>
-                this.setState(state => ({
-                  busyTime,
-                  filteredStall:
-                    (state.filteredStall || 0) * 0.97 + busyTime * 0.03,
-                })),
+            require('../../Libraries/Interaction/JSEventLoopWatchdog').install({
+              thresholdMS: 25,
             });
+            this.setState({busyTime: '<none>'});
+            require('../../Libraries/Interaction/JSEventLoopWatchdog').addHandler(
+              {
+                onStall: ({busyTime}) =>
+                  this.setState(state => ({
+                    busyTime,
+                    filteredStall:
+                      (state.filteredStall || 0) * 0.97 + busyTime * 0.03,
+                  })),
+              },
+            );
           }}
           onDisable={() => {
             console.warn('Cannot disable yet....');

RNTester/js/NetInfoExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {NetInfo, Text, View, TouchableWithoutFeedback} = ReactNative;
+const {NetInfo, Text, View, TouchableWithoutFeedback} = require('react-native');
 
 class ConnectionInfoSubscription extends React.Component<{}, $FlowFixMeState> {
   state = {

RNTester/js/OrientationChangeExample.js

@@ -11,10 +11,9 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {DeviceEventEmitter, Text, View} = ReactNative;
+const {DeviceEventEmitter, Text, View} = require('react-native');
 
-import type EmitterSubscription from 'EmitterSubscription';
+import type EmitterSubscription from '../../Libraries/vendor/emitter/EmitterSubscription';
 
 class OrientationChangeExample extends React.Component<{}, $FlowFixMeState> {
   _orientationSubscription: EmitterSubscription;

RNTester/js/PanResponderExample.js

@@ -11,11 +11,13 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {PanResponder, StyleSheet, View} = ReactNative;
+const {PanResponder, StyleSheet, View} = require('react-native');
 
-import type {PanResponderInstance, GestureState} from 'PanResponder';
-import type {PressEvent} from 'CoreEventTypes';
+import type {
+  PanResponderInstance,
+  GestureState,
+} from '../../Libraries/Interaction/PanResponder';
+import type {PressEvent} from '../../Libraries/Types/CoreEventTypes';
 
 type CircleStyles = {
   backgroundColor?: string,

RNTester/js/PermissionsExampleAndroid.android.js

@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   PermissionsAndroid,
   Picker,
@@ -19,7 +18,7 @@ const {
   Text,
   TouchableWithoutFeedback,
   View,
-} = ReactNative;
+} = require('react-native');
 
 const Item = Picker.Item;
 

RNTester/js/PickerExample.js

@@ -11,10 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const StyleSheet = require('StyleSheet');
-
-const {Picker, Text} = ReactNative;
+const {Picker, StyleSheet, Text} = require('react-native');
 
 const Item = Picker.Item;
 

RNTester/js/PickerIOSExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {PickerIOS, Text, View} = ReactNative;
+const {PickerIOS, Text, View} = require('react-native');
 
 const PickerItemIOS = PickerIOS.Item;
 

RNTester/js/PointerEventsExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {StyleSheet, Text, View} = ReactNative;
+const {StyleSheet, Text, View} = require('react-native');
 
 class ExampleBox extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
   state = {

RNTester/js/ProgressBarAndroidExample.android.js

@@ -10,12 +10,12 @@
 
 'use strict';
 
-const ProgressBar = require('ProgressBarAndroid');
-const React = require('React');
-const RNTesterBlock = require('RNTesterBlock');
-const RNTesterPage = require('RNTesterPage');
+const React = require('react');
+const {ProgressBarAndroid: ProgressBar} = require('react-native');
+const RNTesterBlock = require('./RNTesterBlock');
+const RNTesterPage = require('./RNTesterPage');
 
-import type {ProgressBarAndroidProps} from 'ProgressBarAndroid';
+import type {ProgressBarAndroidProps} from '../../Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
 
 type MovingBarProps = $ReadOnly<{|
   ...$Diff<

RNTester/js/ProgressViewIOSExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {ProgressViewIOS, StyleSheet, View} = ReactNative;
+const {ProgressViewIOS, StyleSheet, View} = require('react-native');
 
 type Props = {||};
 type State = {|

RNTester/js/PushNotificationIOSExample.js

@@ -11,15 +11,15 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   Alert,
+  DeviceEventEmitter,
   PushNotificationIOS,
   StyleSheet,
   Text,
   TouchableHighlight,
   View,
-} = ReactNative;
+} = require('react-native');
 
 class Button extends React.Component<$FlowFixMeProps> {
   render() {
@@ -86,7 +86,7 @@ class NotificationExample extends React.Component<{}> {
   }
 
   _sendNotification() {
-    require('RCTDeviceEventEmitter').emit('remoteNotificationReceived', {
+    DeviceEventEmitter.emit('remoteNotificationReceived', {
       remote: true,
       aps: {
         alert: 'Sample notification',
@@ -99,7 +99,7 @@ class NotificationExample extends React.Component<{}> {
   }
 
   _sendLocalNotification() {
-    require('RCTDeviceEventEmitter').emit('localNotificationReceived', {
+    DeviceEventEmitter.emit('localNotificationReceived', {
       aps: {
         alert: 'Sample local notification',
         badge: '+1',

RNTester/js/RCTRootViewIOSExample.js

@@ -11,10 +11,12 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {StyleSheet, Text, View} = ReactNative;
-
-const requireNativeComponent = require('requireNativeComponent');
+const {
+  StyleSheet,
+  Text,
+  View,
+  requireNativeComponent,
+} = require('react-native');
 
 class AppPropertiesUpdateExample extends React.Component<{}> {
   render() {

RNTester/js/RNTesterApp.android.js

@@ -10,16 +10,20 @@
 
 'use strict';
 
-const AppRegistry = require('AppRegistry');
-const AsyncStorage = require('AsyncStorage');
-const BackHandler = require('BackHandler');
-const Dimensions = require('Dimensions');
-const DrawerLayoutAndroid = require('DrawerLayoutAndroid');
-const Linking = require('Linking');
 const React = require('react');
-const StatusBar = require('StatusBar');
-const StyleSheet = require('StyleSheet');
-const ToolbarAndroid = require('ToolbarAndroid');
+const {
+  AppRegistry,
+  AsyncStorage,
+  BackHandler,
+  Dimensions,
+  DrawerLayoutAndroid,
+  Linking,
+  StatusBar,
+  StyleSheet,
+  ToolbarAndroid,
+  UIManager,
+  View,
+} = require('react-native');
 const RNTesterActions = require('./RNTesterActions');
 const RNTesterExampleContainer = require('./RNTesterExampleContainer');
 const RNTesterExampleList = require('./RNTesterExampleList');
@@ -27,11 +31,9 @@ const RNTesterExampleList = require('./RNTesterExampleList');
  * making Flow check .android.js files. */
 const RNTesterList = require('./RNTesterList');
 const RNTesterNavigationReducer = require('./RNTesterNavigationReducer');
-const UIManager = require('UIManager');
 const URIActionMap = require('./URIActionMap');
-const View = require('View');
 
-const nativeImageSource = require('nativeImageSource');
+const nativeImageSource = require('../../Libraries/Image/nativeImageSource');
 
 import type {RNTesterNavigationState} from './RNTesterNavigationReducer';
 

RNTester/js/RNTesterApp.ios.js

@@ -10,12 +10,19 @@
 
 'use strict';
 
-require('InitializeCore');
-const AsyncStorage = require('AsyncStorage');
-const BackHandler = require('BackHandler');
-const Linking = require('Linking');
 const React = require('react');
-const ReactNative = require('react-native');
+const {
+  AppRegistry,
+  AsyncStorage,
+  BackHandler,
+  Button,
+  Linking,
+  SafeAreaView,
+  StyleSheet,
+  Text,
+  View,
+  YellowBox,
+} = require('react-native');
 const RNTesterActions = require('./RNTesterActions');
 const RNTesterExampleContainer = require('./RNTesterExampleContainer');
 const RNTesterExampleList = require('./RNTesterExampleList');
@@ -24,17 +31,7 @@ const RNTesterNavigationReducer = require('./RNTesterNavigationReducer');
 const SnapshotViewIOS = require('./SnapshotViewIOS.ios');
 const URIActionMap = require('./URIActionMap');
 
-const {
-  Button,
-  AppRegistry,
-  StyleSheet,
-  Text,
-  View,
-  SafeAreaView,
-  YellowBox,
-} = ReactNative;
-
-import type {RNTesterExample} from 'RNTesterTypes';
+import type {RNTesterExample} from './Shared/RNTesterTypes';
 import type {RNTesterAction} from './RNTesterActions';
 import type {RNTesterNavigationState} from './RNTesterNavigationReducer';
 

RNTester/js/RNTesterButton.js

@@ -13,7 +13,7 @@
 const React = require('react');
 const {StyleSheet, Text, TouchableHighlight} = require('react-native');
 
-import type {PressEvent} from 'CoreEventTypes';
+import type {PressEvent} from '../../Libraries/Types/CoreEventTypes';
 
 type Props = $ReadOnly<{|
   children?: React.Node,

RNTester/js/RNTesterExampleFilter.js

@@ -11,9 +11,7 @@
 'use strict';
 
 const React = require('react');
-const StyleSheet = require('StyleSheet');
-const TextInput = require('TextInput');
-const View = require('View');
+const {StyleSheet, TextInput, View} = require('react-native');
 
 type Props = {
   filter: Function,

RNTester/js/RNTesterExampleList.js

@@ -10,18 +10,20 @@
 
 'use strict';
 
-const Platform = require('Platform');
 const React = require('react');
-const SectionList = require('SectionList');
-const StyleSheet = require('StyleSheet');
-const Text = require('Text');
-const TouchableHighlight = require('TouchableHighlight');
+const {
+  Platform,
+  SectionList,
+  StyleSheet,
+  Text,
+  TouchableHighlight,
+  View,
+} = require('react-native');
 const RNTesterActions = require('./RNTesterActions');
 const RNTesterExampleFilter = require('./RNTesterExampleFilter');
-const View = require('View');
 
-import type {RNTesterExample} from 'RNTesterTypes';
-import type {ViewStyleProp} from 'StyleSheet';
+import type {RNTesterExample} from './Shared/RNTesterTypes';
+import type {ViewStyleProp} from '../../Libraries/StyleSheet/StyleSheet';
 
 type Props = {
   onNavigate: Function,

RNTester/js/RNTesterList.android.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {RNTesterExample} from 'RNTesterTypes';
+import type {RNTesterExample} from './Shared/RNTesterTypes';
 
 const ComponentExamples: Array<RNTesterExample> = [
   {

RNTester/js/RNTesterList.ios.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {RNTesterExample} from 'RNTesterTypes';
+import type {RNTesterExample} from './Shared/RNTesterTypes';
 
 const ComponentExamples: Array<RNTesterExample> = [
   {

RNTester/js/RNTesterSettingSwitchRow.js

@@ -10,12 +10,9 @@
 
 'use strict';
 
-const React = require('React');
-const StyleSheet = require('StyleSheet');
-const Switch = require('Switch');
-const Text = require('Text');
+const React = require('react');
+const {StyleSheet, Switch, Text, View} = require('react-native');
 const RNTesterStatePersister = require('./RNTesterStatePersister');
-const View = require('View');
 
 class RNTesterSettingSwitchRow extends React.Component<
   $FlowFixMeProps,

RNTester/js/RNTesterStatePersister.js

@@ -10,8 +10,8 @@
 
 'use strict';
 
-const AsyncStorage = require('AsyncStorage');
-const React = require('React');
+const React = require('react');
+const {AsyncStorage} = require('react-native');
 
 export type PassProps<State> = {
   state: State,

RNTester/js/RNTesterTitle.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {StyleSheet, Text, View} = ReactNative;
+const {StyleSheet, Text, View} = require('react-native');
 
 class RNTesterTitle extends React.Component<$FlowFixMeProps> {
   render() {

RNTester/js/RTLExample.js

@@ -10,21 +10,20 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   Alert,
   Animated,
   I18nManager,
   Image,
   PixelRatio,
+  Platform,
   StyleSheet,
   Text,
   TouchableWithoutFeedback,
   Switch,
   View,
   Button,
-} = ReactNative;
-const Platform = require('Platform');
+} = require('react-native');
 
 type State = {
   toggleStatus: any,

RNTester/js/RefreshControlExample.js

@@ -10,7 +10,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   ScrollView,
   StyleSheet,
@@ -18,7 +17,7 @@ const {
   Text,
   TouchableWithoutFeedback,
   View,
-} = ReactNative;
+} = require('react-native');
 
 const styles = StyleSheet.create({
   row: {

RNTester/js/RootViewSizeFlexibilityExampleApp.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {StyleSheet, Text, TouchableHighlight, View} = ReactNative;
+const {StyleSheet, Text, TouchableHighlight, View} = require('react-native');
 
 class RootViewSizeFlexibilityExampleApp extends React.Component<
   {toggled: boolean},

RNTester/js/SafeAreaViewExample.js

@@ -9,15 +9,17 @@
  */
 'use strict';
 
-const Button = require('Button');
-const DeviceInfo = require('DeviceInfo');
-const Modal = require('Modal');
 const React = require('react');
-const SafeAreaView = require('SafeAreaView');
-const StyleSheet = require('StyleSheet');
-const Switch = require('Switch');
-const Text = require('Text');
-const View = require('View');
+const {
+  Button,
+  DeviceInfo,
+  Modal,
+  SafeAreaView,
+  StyleSheet,
+  Switch,
+  Text,
+  View,
+} = require('react-native');
 
 class SafeAreaViewExample extends React.Component<
   {},

RNTester/js/ScrollViewExample.js

@@ -9,19 +9,17 @@
  */
 'use strict';
 
-const Platform = require('Platform');
 const React = require('react');
-const ReactNative = require('react-native');
 const {
+  Platform,
   ScrollView,
   StyleSheet,
   Text,
   TouchableOpacity,
   View,
-  Image,
-} = ReactNative;
+} = require('react-native');
 
-import type {ViewStyleProp} from 'StyleSheet';
+import type {ViewStyleProp} from '../../Libraries/StyleSheet/StyleSheet';
 
 exports.displayName = 'ScrollViewExample';
 exports.title = '<ScrollView>';

RNTester/js/ScrollViewSimpleExample.js

@@ -11,8 +11,12 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {ScrollView, StyleSheet, Text, TouchableOpacity} = ReactNative;
+const {
+  ScrollView,
+  StyleSheet,
+  Text,
+  TouchableOpacity,
+} = require('react-native');
 
 const NUM_ITEMS = 20;
 

RNTester/js/SectionListExample.js

@@ -11,12 +11,18 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Alert, Animated, Button, StyleSheet, Text, View} = ReactNative;
+const {
+  Alert,
+  Animated,
+  Button,
+  StyleSheet,
+  Text,
+  View,
+} = require('react-native');
 
 const RNTesterPage = require('./RNTesterPage');
 
-const infoLog = require('infoLog');
+const infoLog = require('../../Libraries/Utilities/infoLog');
 
 const {
   HeaderComponent,

RNTester/js/SegmentedControlIOSExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {SegmentedControlIOS, Text, View, StyleSheet} = ReactNative;
+const {SegmentedControlIOS, Text, View, StyleSheet} = require('react-native');
 
 class BasicSegmentedControlExample extends React.Component<{}> {
   render() {

RNTester/js/SetPropertiesExampleApp.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Text, View} = ReactNative;
+const {Text, View} = require('react-native');
 
 class SetPropertiesExampleApp extends React.Component<$FlowFixMeProps> {
   render() {

RNTester/js/ShareExample.js

@@ -11,8 +11,13 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {StyleSheet, View, Text, TouchableHighlight, Share} = ReactNative;
+const {
+  StyleSheet,
+  View,
+  Text,
+  TouchableHighlight,
+  Share,
+} = require('react-native');
 
 type Props = $ReadOnly<{||}>;
 type State = {|result: string|};

RNTester/js/Shared/RNTesterTypes.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {ComponentType} from 'React';
+import type {ComponentType} from 'react';
 import * as React from 'react';
 
 export type RNTesterProps = $ReadOnly<{|

RNTester/js/Shared/TextLegend.js

@@ -10,7 +10,7 @@
 
 'use strict';
 
-const React = require('React');
+const React = require('react');
 const {Picker, Text, View} = require('react-native');
 
 class TextLegend extends React.Component<*, *> {

RNTester/js/SliderExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Slider, Text, StyleSheet, View} = ReactNative;
+const {Slider, Text, StyleSheet, View} = require('react-native');
 
 class SliderExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
   static defaultProps = {

RNTester/js/SnapshotExample.js

@@ -10,8 +10,14 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Alert, Image, NativeModules, StyleSheet, Text, View} = ReactNative;
+const {
+  Alert,
+  Image,
+  NativeModules,
+  StyleSheet,
+  Text,
+  View,
+} = require('react-native');
 const ScreenshotManager = NativeModules.ScreenshotManager;
 
 class ScreenshotExample extends React.Component<{}, $FlowFixMeState> {

RNTester/js/SnapshotViewIOS.android.js

@@ -9,4 +9,4 @@
 
 'use strict';
 
-module.exports = require('UnimplementedView');
+module.exports = require('../../Libraries/Components/UnimplementedViews/UnimplementedView');

RNTester/js/SnapshotViewIOS.ios.js

@@ -10,21 +10,19 @@
 
 'use strict';
 
-const React = require('React');
-const StyleSheet = require('StyleSheet');
-const UIManager = require('UIManager');
-const View = require('View');
+const React = require('react');
+const {NativeModules, StyleSheet, UIManager, View} = require('react-native');
 
-const {TestModule} = require('NativeModules');
+const {TestModule} = NativeModules;
 
-import type {SyntheticEvent} from 'CoreEventTypes';
-import type {ViewProps} from 'ViewPropTypes';
+import type {SyntheticEvent} from '../../Libraries/Types/CoreEventTypes';
+import type {ViewProps} from '../../Libraries/Components/View/ViewPropTypes';
 
 // Verify that RCTSnapshot is part of the UIManager since it is only loaded
 // if you have linked against RCTTest like in tests, otherwise we will have
 // a warning printed out
 const RCTSnapshot = UIManager.getViewManagerConfig('RCTSnapshot')
-  ? require('RCTSnapshotNativeComponent')
+  ? require('../RCTTest/RCTSnapshotNativeComponent')
   : View;
 
 type SnapshotReadyEvent = SyntheticEvent<

RNTester/js/StatusBarExample.js

@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   StatusBar,
   StyleSheet,
@@ -19,7 +18,7 @@ const {
   TouchableHighlight,
   View,
   Modal,
-} = ReactNative;
+} = require('react-native');
 
 const colors = ['#ff0000', '#00ff00', '#0000ff', 'rgba(0, 0, 0, 0.4)'];
 

RNTester/js/TextExample.android.js

@@ -13,8 +13,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Image, StyleSheet, Text, View} = ReactNative;
+const {Image, StyleSheet, Text, View} = require('react-native');
 const RNTesterBlock = require('./RNTesterBlock');
 const RNTesterPage = require('./RNTesterPage');
 const TextLegend = require('./Shared/TextLegend');

RNTester/js/TextExample.ios.js

@@ -10,10 +10,15 @@
 
 'use strict';
 
-const Platform = require('Platform');
 const React = require('react');
-const ReactNative = require('react-native');
-const {Text, TextInput, View, LayoutAnimation, Button} = ReactNative;
+const {
+  Button,
+  LayoutAnimation,
+  Platform,
+  Text,
+  TextInput,
+  View,
+} = require('react-native');
 const TextLegend = require('./Shared/TextLegend');
 
 type TextAlignExampleRTLState = {|

RNTester/js/TextInputExample.android.js

@@ -11,8 +11,14 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Text, TextInput, View, StyleSheet, Slider, Switch} = ReactNative;
+const {
+  Text,
+  TextInput,
+  View,
+  StyleSheet,
+  Slider,
+  Switch,
+} = require('react-native');
 
 class TextEventsExample extends React.Component<{}, $FlowFixMeState> {
   state = {

RNTester/js/TextInputExample.ios.js

@@ -10,11 +10,18 @@
 
 'use strict';
 
-const Button = require('Button');
-const InputAccessoryView = require('InputAccessoryView');
 const React = require('react');
-const ReactNative = require('react-native');
-const {Text, TextInput, View, StyleSheet, Slider, Switch, Alert} = ReactNative;
+const {
+  Button,
+  InputAccessoryView,
+  Text,
+  TextInput,
+  View,
+  StyleSheet,
+  Slider,
+  Switch,
+  Alert,
+} = require('react-native');
 
 class WithLabel extends React.Component<$FlowFixMeProps> {
   render() {

RNTester/js/TimePickerAndroidExample.js

@@ -10,13 +10,12 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   TimePickerAndroid,
   StyleSheet,
   Text,
   TouchableWithoutFeedback,
-} = ReactNative;
+} = require('react-native');
 
 const RNTesterBlock = require('./RNTesterBlock');
 const RNTesterPage = require('./RNTesterPage');

RNTester/js/TimerExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Alert, Platform, ToastAndroid, Text, View} = ReactNative;
+const {Alert, Platform, ToastAndroid, Text, View} = require('react-native');
 const RNTesterButton = require('./RNTesterButton');
 const performanceNow = require('fbjs/lib/performanceNow');
 

RNTester/js/ToastAndroidExample.android.js

@@ -11,11 +11,15 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {StyleSheet, Text, ToastAndroid, TouchableWithoutFeedback} = ReactNative;
+const {
+  StyleSheet,
+  Text,
+  ToastAndroid,
+  TouchableWithoutFeedback,
+} = require('react-native');
 
-const RNTesterBlock = require('RNTesterBlock');
-const RNTesterPage = require('RNTesterPage');
+const RNTesterBlock = require('./RNTesterBlock');
+const RNTesterPage = require('./RNTesterPage');
 
 type Props = $ReadOnly<{||}>;
 class ToastExample extends React.Component<Props> {

RNTester/js/ToolbarAndroidExample.android.js

@@ -11,16 +11,19 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
+const {
+  StyleSheet,
+  Switch,
+  Text,
+  ToolbarAndroid,
+  View,
+} = require('react-native');
+
+const nativeImageSource = require('../../Libraries/Image/nativeImageSource');
 
-const nativeImageSource = require('nativeImageSource');
-const {StyleSheet, Text, View} = ReactNative;
 const RNTesterBlock = require('./RNTesterBlock');
 const RNTesterPage = require('./RNTesterPage');
 
-const Switch = require('Switch');
-const ToolbarAndroid = require('ToolbarAndroid');
-
 class ToolbarAndroidExample extends React.Component<{}, $FlowFixMeState> {
   state = {
     actionText: 'Example app with toolbar component',

RNTester/js/ToolbarAndroidExample.ios.js

@@ -10,5 +10,7 @@
 
 'use strict';
 
+const {View} = require('react-native');
+
 // Not applicable to iOS.
-module.exports = require('View');
+module.exports = View;

RNTester/js/TouchableExample.js

@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   Animated,
   Image,
@@ -19,13 +18,12 @@ const {
   Text,
   TouchableHighlight,
   TouchableOpacity,
+  NativeModules,
   Platform,
   TouchableNativeFeedback,
   TouchableWithoutFeedback,
   View,
-} = ReactNative;
-
-const NativeModules = require('NativeModules');
+} = require('react-native');
 
 const forceTouchAvailable =
   (NativeModules.PlatformConstants &&

RNTester/js/TransformExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Animated, StyleSheet, Text, View} = ReactNative;
+const {Animated, StyleSheet, Text, View} = require('react-native');
 
 class Flip extends React.Component<{}, $FlowFixMeState> {
   state = {

RNTester/js/TransparentHitTestExample.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {Text, View, TouchableOpacity, Alert} = ReactNative;
+const {Text, View, TouchableOpacity, Alert} = require('react-native');
 
 class TransparentHitTestExample extends React.Component<{}> {
   render() {

RNTester/js/VibrationExample.js

@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   StyleSheet,
   View,
@@ -19,7 +18,7 @@ const {
   TouchableHighlight,
   Vibration,
   Platform,
-} = ReactNative;
+} = require('react-native');
 
 exports.framework = 'React';
 exports.title = 'Vibration';

RNTester/js/ViewExample.js

@@ -13,8 +13,12 @@
 /* eslint-disable react-native/no-inline-styles */
 
 const React = require('react');
-const {StyleSheet, Text, View} = require('react-native');
-const TouchableWithoutFeedback = require('TouchableWithoutFeedback');
+const {
+  StyleSheet,
+  Text,
+  TouchableWithoutFeedback,
+  View,
+} = require('react-native');
 
 exports.title = '<View>';
 exports.description =

RNTester/js/ViewPagerAndroidExample.android.js

@@ -10,7 +10,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   Image,
   StyleSheet,
@@ -19,9 +18,9 @@ const {
   TouchableOpacity,
   View,
   ViewPagerAndroid,
-} = ReactNative;
+} = require('react-native');
 
-import type {ViewPagerScrollState} from 'ViewPagerAndroid';
+import type {ViewPagerScrollState} from '../../Libraries/Components/ViewPager/ViewPagerAndroid';
 
 const PAGES = 5;
 const BGCOLOR = ['#fdc08e', '#fff6b9', '#99d1b7', '#dde5fe', '#f79273'];

RNTester/js/WebSocketExample.js

@@ -11,7 +11,6 @@
 /* eslint-env browser */
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   Image,
   PixelRatio,
@@ -21,7 +20,7 @@ const {
   TextInput,
   TouchableOpacity,
   View,
-} = ReactNative;
+} = require('react-native');
 
 const DEFAULT_WS_URL = 'ws://localhost:5555/';
 const DEFAULT_HTTP_URL = 'http://localhost:5556/';

RNTester/js/XHRExampleBinaryUpload.js

@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   Alert,
   Linking,
@@ -20,7 +19,7 @@ const {
   Text,
   TouchableHighlight,
   View,
-} = ReactNative;
+} = require('react-native');
 
 const BINARY_TYPES = {
   String,

RNTester/js/XHRExampleDownload.js

@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   Alert,
   Platform,
@@ -22,7 +21,7 @@ const {
   Text,
   TouchableHighlight,
   View,
-} = ReactNative;
+} = require('react-native');
 
 /**
  * Convert number of bytes to MB and round to the nearest 0.1 MB.

RNTester/js/XHRExampleFetch.js

@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
-const {StyleSheet, Text, TextInput, View, Platform} = ReactNative;
+const {StyleSheet, Text, TextInput, View, Platform} = require('react-native');
 
 class XHRExampleFetch extends React.Component<any, any> {
   responseURL: ?string;

RNTester/js/XHRExampleFormData.js

@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-const ReactNative = require('react-native');
 const {
   CameraRoll,
   Image,
@@ -22,7 +21,7 @@ const {
   TextInput,
   TouchableHighlight,
   View,
-} = ReactNative;
+} = require('react-native');
 
 const XHRExampleBinaryUpload = require('./XHRExampleBinaryUpload');