Skip to content

Commit 35bc73c

Browse files
nissy-devfacebook-github-bot
nissy-dev
authored and
facebook-github-bot
committed
Remove var in RNTester (facebook#22019)
Summary: I removed `var` in RNTester. - [x] npm run prettier - [x] npm run flow-check-ios - [x] npm run flow-check-android [GENERAL] [ENHANCEMENT] [RNTester] - remove `var` Pull Request resolved: facebook#22019 Differential Revision: D12843071 Pulled By: TheSavior fbshipit-source-id: 3652ea91b3ab92c367332cbe2ff7de0343508dad
1 parent 766a663 commit 35bc73c

10 files changed

+54
-54
lines changed

‎RNTester/js/ARTExample.js

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,13 @@
1010

1111
'use strict';
1212

13-
var React = require('react');
14-
var ReactNative = require('react-native');
15-
var {ART, Platform, View} = ReactNative;
13+
const React = require('react');
14+
const ReactNative = require('react-native');
15+
const {ART, Platform, View} = ReactNative;
1616

1717
const {Surface, Path, Group, Transform, Shape} = ART;
1818

19-
var scale = Platform.isTV ? 4 : 1;
19+
const scale = Platform.isTV ? 4 : 1;
2020

2121
class ARTExample extends React.Component<{}> {
2222
render() {

‎RNTester/js/AccessibilityAndroidExample.android.js

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,9 @@
99

1010
'use strict';
1111

12-
var React = require('react');
13-
var ReactNative = require('react-native');
14-
var {
12+
const React = require('react');
13+
const ReactNative = require('react-native');
14+
const {
1515
AccessibilityInfo,
1616
StyleSheet,
1717
Text,
@@ -20,10 +20,10 @@ var {
2020
TouchableWithoutFeedback,
2121
} = ReactNative;
2222

23-
var RNTesterBlock = require('./RNTesterBlock');
24-
var RNTesterPage = require('./RNTesterPage');
23+
const RNTesterBlock = require('./RNTesterBlock');
24+
const RNTesterPage = require('./RNTesterPage');
2525

26-
var importantForAccessibilityValues = [
26+
const importantForAccessibilityValues = [
2727
'auto',
2828
'yes',
2929
'no',
@@ -293,7 +293,7 @@ class AccessibilityAndroidExample extends React.Component {
293293
}
294294
}
295295

296-
var styles = StyleSheet.create({
296+
const styles = StyleSheet.create({
297297
embedded: {
298298
backgroundColor: 'yellow',
299299
padding: 10,

‎RNTester/js/AccessibilityIOSExample.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@
1010

1111
'use strict';
1212

13-
var React = require('react');
14-
var ReactNative = require('react-native');
15-
var {AccessibilityInfo, Text, View, TouchableOpacity} = ReactNative;
13+
const React = require('react');
14+
const ReactNative = require('react-native');
15+
const {AccessibilityInfo, Text, View, TouchableOpacity} = ReactNative;
1616

1717
class AccessibilityIOSExample extends React.Component<{}> {
1818
render() {

‎RNTester/js/ActionSheetIOSExample.js

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,13 @@
1010

1111
'use strict';
1212

13-
var React = require('react');
14-
var ReactNative = require('react-native');
15-
var {ActionSheetIOS, StyleSheet, takeSnapshot, Text, View} = ReactNative;
13+
const React = require('react');
14+
const ReactNative = require('react-native');
15+
const {ActionSheetIOS, StyleSheet, takeSnapshot, Text, View} = ReactNative;
1616

17-
var BUTTONS = ['Option 0', 'Option 1', 'Option 2', 'Delete', 'Cancel'];
18-
var DESTRUCTIVE_INDEX = 3;
19-
var CANCEL_INDEX = 4;
17+
const BUTTONS = ['Option 0', 'Option 1', 'Option 2', 'Delete', 'Cancel'];
18+
const DESTRUCTIVE_INDEX = 3;
19+
const CANCEL_INDEX = 4;
2020

2121
class ActionSheetExample extends React.Component<{}, $FlowFixMeState> {
2222
state = {
@@ -108,7 +108,7 @@ class ShareActionSheetExample extends React.Component<
108108
},
109109
error => alert(error),
110110
(completed, method) => {
111-
var text;
111+
let text;
112112
if (completed) {
113113
text = `Shared via ${method}`;
114114
} else {
@@ -148,7 +148,7 @@ class ShareScreenshotExample extends React.Component<{}, $FlowFixMeState> {
148148
},
149149
error => alert(error),
150150
(completed, method) => {
151-
var text;
151+
let text;
152152
if (completed) {
153153
text = `Shared via ${method}`;
154154
} else {
@@ -162,7 +162,7 @@ class ShareScreenshotExample extends React.Component<{}, $FlowFixMeState> {
162162
};
163163
}
164164

165-
var style = StyleSheet.create({
165+
const style = StyleSheet.create({
166166
button: {
167167
marginBottom: 10,
168168
fontWeight: '500',

‎RNTester/js/AlertExample.js

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,14 +9,14 @@
99

1010
'use strict';
1111

12-
var React = require('react');
13-
var ReactNative = require('react-native');
14-
var {Alert, StyleSheet, Text, TouchableHighlight, View} = ReactNative;
12+
const React = require('react');
13+
const ReactNative = require('react-native');
14+
const {Alert, StyleSheet, Text, TouchableHighlight, View} = ReactNative;
1515

16-
var RNTesterBlock = require('./RNTesterBlock');
16+
const RNTesterBlock = require('./RNTesterBlock');
1717

1818
// corporate ipsum > lorem ipsum
19-
var alertMessage =
19+
const alertMessage =
2020
'Credibly reintermediate next-generation potentialities after goal-oriented ' +
2121
'catalysts for change. Dynamically revolutionize.';
2222

@@ -134,7 +134,7 @@ class AlertExample extends React.Component {
134134
}
135135
}
136136

137-
var styles = StyleSheet.create({
137+
const styles = StyleSheet.create({
138138
wrapper: {
139139
borderRadius: 5,
140140
marginBottom: 5,

‎RNTester/js/AlertIOSExample.js

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,11 @@
1010

1111
'use strict';
1212

13-
var React = require('react');
14-
var ReactNative = require('react-native');
15-
var {StyleSheet, View, Text, TouchableHighlight, AlertIOS} = ReactNative;
13+
const React = require('react');
14+
const ReactNative = require('react-native');
15+
const {StyleSheet, View, Text, TouchableHighlight, AlertIOS} = ReactNative;
1616

17-
var {SimpleAlertExampleBlock} = require('./AlertExample');
17+
const {SimpleAlertExampleBlock} = require('./AlertExample');
1818

1919
exports.framework = 'React';
2020
exports.title = 'AlertIOS';
@@ -180,7 +180,7 @@ class PromptOptions extends React.Component<$FlowFixMeProps, any> {
180180
}
181181
}
182182

183-
var styles = StyleSheet.create({
183+
const styles = StyleSheet.create({
184184
wrapper: {
185185
borderRadius: 5,
186186
marginBottom: 5,

‎RNTester/js/AnimatedExample.js

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,10 @@
1010

1111
'use strict';
1212

13-
var React = require('react');
14-
var ReactNative = require('react-native');
15-
var {Animated, Easing, StyleSheet, Text, View} = ReactNative;
16-
var RNTesterButton = require('./RNTesterButton');
13+
const React = require('react');
14+
const ReactNative = require('react-native');
15+
const {Animated, Easing, StyleSheet, Text, View} = ReactNative;
16+
const RNTesterButton = require('./RNTesterButton');
1717

1818
exports.framework = 'React';
1919
exports.title = 'Animated - Examples';
@@ -158,7 +158,7 @@ exports.examples = [
158158
<View>
159159
<RNTesterButton
160160
onPress={() => {
161-
var timing = Animated.timing;
161+
const timing = Animated.timing;
162162
Animated.sequence([
163163
// One after the other
164164
timing(this.anims[0], {
@@ -285,7 +285,7 @@ exports.examples = [
285285
},
286286
];
287287

288-
var styles = StyleSheet.create({
288+
const styles = StyleSheet.create({
289289
content: {
290290
backgroundColor: 'deepskyblue',
291291
borderWidth: 1,

‎RNTester/js/AppStateExample.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ class AppStateSubscription extends React.Component<
3939
};
4040

4141
_handleAppStateChange = appState => {
42-
var previousAppStates = this.state.previousAppStates.slice();
42+
const previousAppStates = this.state.previousAppStates.slice();
4343
previousAppStates.push(this.state.appState);
4444
this.setState({
4545
appState,

‎RNTester/js/AssetScaledImageExample.js

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@
1010

1111
'use strict';
1212

13-
var React = require('react');
14-
var ReactNative = require('react-native');
15-
var {Image, StyleSheet, View, ScrollView} = ReactNative;
13+
const React = require('react');
14+
const ReactNative = require('react-native');
15+
const {Image, StyleSheet, View, ScrollView} = ReactNative;
1616

1717
import type {PhotoIdentifier} from 'CameraRoll';
1818

@@ -30,7 +30,7 @@ class AssetScaledImageExample extends React.Component<Props, State> {
3030
};
3131

3232
render() {
33-
var image = this.state.asset.node.image;
33+
const image = this.state.asset.node.image;
3434
return (
3535
<ScrollView>
3636
<View style={styles.row}>
@@ -50,7 +50,7 @@ class AssetScaledImageExample extends React.Component<Props, State> {
5050
}
5151
}
5252

53-
var styles = StyleSheet.create({
53+
const styles = StyleSheet.create({
5454
row: {
5555
padding: 5,
5656
flex: 1,

‎RNTester/js/AsyncStorageExample.js

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,13 @@
1010

1111
'use strict';
1212

13-
var React = require('react');
14-
var ReactNative = require('react-native');
15-
var {AsyncStorage, PickerIOS, Text, View} = ReactNative;
16-
var PickerItemIOS = PickerIOS.Item;
13+
const React = require('react');
14+
const ReactNative = require('react-native');
15+
const {AsyncStorage, PickerIOS, Text, View} = ReactNative;
16+
const PickerItemIOS = PickerIOS.Item;
1717

18-
var STORAGE_KEY = '@AsyncStorageExample:key';
19-
var COLORS = ['red', 'orange', 'yellow', 'green', 'blue'];
18+
const STORAGE_KEY = '@AsyncStorageExample:key';
19+
const COLORS = ['red', 'orange', 'yellow', 'green', 'blue'];
2020

2121
class BasicStorageExample extends React.Component<{}, $FlowFixMeState> {
2222
state = {
@@ -30,7 +30,7 @@ class BasicStorageExample extends React.Component<{}, $FlowFixMeState> {
3030

3131
_loadInitialState = async () => {
3232
try {
33-
var value = await AsyncStorage.getItem(STORAGE_KEY);
33+
const value = await AsyncStorage.getItem(STORAGE_KEY);
3434
if (value !== null) {
3535
this.setState({selectedValue: value});
3636
this._appendMessage('Recovered selection from disk: ' + value);
@@ -43,7 +43,7 @@ class BasicStorageExample extends React.Component<{}, $FlowFixMeState> {
4343
};
4444

4545
render() {
46-
var color = this.state.selectedValue;
46+
const color = this.state.selectedValue;
4747
return (
4848
<View>
4949
<PickerIOS selectedValue={color} onValueChange={this._onValueChange}>

0 commit comments

Comments
 (0)