Update dependencies.

Adds pseudocode for handling localhost issues.
Adds ESLint.
Formats code according to Prettier config.

Author: DevanB

Diff for: minimal/.eslintrc

@@ -0,0 +1,13 @@
+{
+  "parser": "babel-eslint",
+    "extends": "airbnb",
+    "plugins": ["react", "react-native", "jsx-a11y", "import"],
+    "rules": {
+      "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"]}]
+    },
+    {
+      "env": {
+        "jest": true
+      }
+    }
+}

Diff for: minimal/.gitignore

@@ -1,3 +1,4 @@
 node_modules/
 .expo/
 npm-debug.*
+.DS_Store

Diff for: minimal/App.js

@@ -1,21 +1,27 @@
-import React from 'react';
-import { ApolloProvider } from 'react-apollo';
-import { ApolloClient, HttpLink, InMemoryCache } from 'apollo-client-preset';
-import Home from './Home';
+import React from 'react'
+import { Platform } from 'react-native'
+import { ApolloProvider } from 'react-apollo'
+import { ApolloClient, HttpLink, InMemoryCache } from 'apollo-client-preset'
+import Home from './Home'
 
-const httpLink = new HttpLink({ uri: 'http://localhost:4000' });
+const SERVER_URL = __DEV__
+  ? Platform.select({
+      ios: 'http://10.0.1.23:4000',
+      android: 'http://10.0.2.2:4000',
+    })
+  : 'INSERT_PRODUCTION_URL'
 
 const client = new ApolloClient({
-  link: httpLink,
-  cache: new InMemoryCache()
-});
+  link: new HttpLink({ uri: SERVER_URL }),
+  cache: new InMemoryCache(),
+})
 
 export default class App extends React.Component {
   render() {
     return (
       <ApolloProvider client={client}>
         <Home />
       </ApolloProvider>
-    );
+    )
   }
 }

Diff for: minimal/Home.js

@@ -1,39 +1,50 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { graphql } from 'react-apollo';
-import gql from 'graphql-tag';
+import React from 'react'
+import { StyleSheet, Text, View } from 'react-native'
+import { graphql } from 'react-apollo'
+import gql from 'graphql-tag'
 
 class Home extends React.Component {
   render() {
-    if (this.props.helloQuery.loading)
+    if (this.props.data.error) {
+      return (
+        <View style={styles.container}>
+          <Text>{JSON.stringify(this.props.data.error)}</Text>
+        </View>
+      )
+    }
+
+    if (this.props.data.loading) {
       return (
         <View style={styles.container}>
           <Text>Loading...</Text>
         </View>
-      );
+      )
+    }
 
     return (
       <View style={styles.container}>
-        <Text>{this.props.helloQuery.hello}</Text>
+        <Text>{this.props.data.hello}</Text>
       </View>
-    );
+    )
   }
 }
 
 const styles = StyleSheet.create({
   container: {
     alignItems: 'center',
     flex: 1,
-    justifyContent: 'center'
-  }
-});
+    justifyContent: 'center',
+  },
+})
 
 const HELLO_QUERY = gql`
   query HelloQuery {
     hello
   }
-`;
+`
 
 export default graphql(HELLO_QUERY, {
-  name: 'helloQuery'
-})(Home);
+  options: {
+    fetchPolicy: 'network-only',
+  },
+})(Home)

Diff for: minimal/app.json

@@ -1,5 +1,5 @@
 {
   "expo": {
-    "sdkVersion": "24.0.0"
+    "sdkVersion": "25.0.0"
   }
 }

Diff for: minimal/package.json

@@ -3,9 +3,16 @@
   "version": "0.1.0",
   "private": true,
   "devDependencies": {
-    "jest-expo": "24.0.0",
-    "react-native-scripts": "1.8.1",
-    "react-test-renderer": "16.0.0"
+    "eslint": "^4.18.0",
+    "eslint-config-airbnb": "^16.1.0",
+    "eslint-config-airbnb-base": "^12.1.0",
+    "eslint-plugin-import": "^2.8.0",
+    "eslint-plugin-jsx-a11y": "^6.0.3",
+    "eslint-plugin-react": "^7.6.1",
+    "eslint-plugin-react-native": "^3.2.1",
+    "jest-expo": "25.1.0",
+    "react-native-scripts": "^1.11.1",
+    "react-test-renderer": "^16.2.0"
   },
   "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
   "scripts": {
@@ -19,12 +26,17 @@
     "preset": "jest-expo"
   },
   "dependencies": {
-    "apollo-client-preset": "1.0.6",
-    "expo": "24.0.2",
-    "graphql": "0.12.3",
-    "graphql-tag": "2.6.1",
-    "react": "16.0.0",
+    "apollo-client-preset": "^1.0.8",
+    "expo": "25.0.0",
+    "graphql": "^0.13.1",
+    "graphql-tag": "^2.7.3",
+    "react": "16.2.0",
     "react-apollo": "2.0.4",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-24.0.0.tar.gz"
+    "react-native": "https://github.com/expo/react-native/archive/sdk-25.0.0.tar.gz"
+  },
+  "prettier": {
+    "semi": false,
+    "singleQuote": true,
+    "trailingComma": "all"
   }
 }

Diff for: minimal/server/package.json

@@ -1,16 +1,9 @@
 {
   "name": "minimal-server",
   "scripts": {
-    "start": "node index.js",
-    "deploy": "now --public && now alias && now rm --yes --safe graphql-template-node"
+    "start": "node index.js"
   },
   "dependencies": {
-    "graphql-yoga": "1.1.4"
-  },
-  "devDependencies": {
-    "now": "9.0.1"
-  },
-  "now": {
-    "alias": "graphql-template-node"
+    "graphql-yoga": "^1.2.5"
   }
 }