Refactored the code

Author: ihor

app/components/App/AppView.js

@@ -5,6 +5,6 @@ import HelpButton from '../HelpButton';
 
 export default () =>
     <div className="container">
-        <Title />
-        <HelpButton />
+        <Title/>
+        <HelpButton/>
     </div>;

app/components/App/AppView.native.js

@@ -8,6 +8,6 @@ import HelpButton from '../HelpButton';
 
 export default () =>
     <View style={styles.container}>
-        <Title />
-        <HelpButton />
+        <Title/>
+        <HelpButton/>
     </View>;

app/components/App/index.js

@@ -1,4 +1,2 @@
-import React from 'react';
 import AppView from './AppView';
-
-export default () => <AppView />;
+export default AppView;

app/components/HelpButton/AbstractHelpButtonContainer.js

@@ -3,9 +3,11 @@ import HelpButtonView from './HelpButtonView';
 
 export default class AbstractHelpButtonContainer extends React.Component {
     constructor(props) {
-        if (new.target === AbstractHelpButtonContainer) {
-            throw new TypeError('Cannot construct AbstractHelpButtonContainer instances directly');
-        }
+        // new.target is not working on Android
+        // if (new.target === AbstractHelpButtonContainer) {
+        //     throw new TypeError('Cannot construct AbstractHelpButtonContainer instances directly');
+        // }
+
         super(props);
 
         this.onClick = this.onClick.bind(this);
@@ -16,8 +18,6 @@ export default class AbstractHelpButtonContainer extends React.Component {
     }
 
     render() {
-        return (
-            <HelpButtonView onClick={this.onClick} />
-        );
+        return <HelpButtonView onClick={this.onClick}/>;
     }
 }

app/components/HelpButton/HelpButtonView.js

@@ -1,4 +1,6 @@
 import React from 'react';
 
 export default props =>  
-    <button className="help-button" onClick={props.onClick}>Help</button>;
+    <button className="help-button" onClick={props.onClick}>
+        Help
+    </button>;

app/components/HelpButton/HelpButtonView.native.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import { Alert } from 'react-native';
 import Button from 'react-native-button';
 
 import styles from '../../native/styles';

app/components/HelpButton/index.js

@@ -1,4 +1,2 @@
-import React from 'react';
 import HelpButtonContainer from './HelpButtonContainer';
-
-export default () => <HelpButtonContainer />;
+export default HelpButtonContainer;

app/components/Title/TitleView.android.js

@@ -4,4 +4,6 @@ import { Text } from 'react-native';
 import styles from '../../native/styles';
 
 export default () => 
-    <Text style={styles.title}>React Native Code Reuse (Android)</Text>;
+    <Text style={styles.title}>
+        React Native Code Reuse (Android)
+    </Text>;

app/components/Title/TitleView.ios.js

@@ -4,4 +4,6 @@ import { Text } from 'react-native';
 import styles from '../../native/styles';
 
 export default () => 
-    <Text style={styles.title}>React Native Code Reuse (iOS)</Text>;
+    <Text style={styles.title}>
+        React Native Code Reuse (iOS)
+    </Text>;

app/components/Title/TitleView.js

@@ -1,4 +1,6 @@
 import React from 'react';
 
 export default () => 
-    <h1 className="title">React Native Code Reuse (Web)</h1>;
+    <h1 className="title">
+        React Native Code Reuse (Web)
+    </h1>;

app/components/Title/index.js

@@ -1,4 +1,2 @@
-import React from 'react';
 import TitleView from './TitleView';
-
-export default () => <TitleView />;
+export default TitleView;

index.android.js

@@ -1,14 +1,5 @@
 import React from 'react';
-import {AppRegistry} from 'react-native';
+import { AppRegistry } from 'react-native';
 
 import App from './app/components/App';
-
-export default class ReactNativeCodeReuse extends React.Component {
-    render() {
-        return (
-            <App />
-        );
-    }
-}
-
-AppRegistry.registerComponent('ReactNativeCodeReuse', () => ReactNativeCodeReuse);
+AppRegistry.registerComponent('ReactNativeCodeReuse', () => App);

index.ios.js

@@ -1,14 +1,5 @@
 import React from 'react';
-import {AppRegistry} from 'react-native';
+import { AppRegistry } from 'react-native';
 
 import App from './app/components/App';
-
-export default class ReactNativeCodeReuse extends React.Component {
-    render() {
-        return (
-            <App />
-        );
-    }
-}
-
-AppRegistry.registerComponent('ReactNativeCodeReuse', () => ReactNativeCodeReuse);
+AppRegistry.registerComponent('ReactNativeCodeReuse', () => App);