hasura · shahidhk · May 13, 2019 · May 7, 2019 · May 9, 2019 · May 10, 2019
diff --git a/community/learn/graphql-tutorials/manifests/caddy-config.yaml b/community/learn/graphql-tutorials/manifests/caddy-config.yaml
@@ -10,6 +10,10 @@ data:
         /graphql/react/boilerplate.zip https://storage.googleapis.com/graphql-engine-cdn.hasura.io/learn-hasura/react-boilerplate/boilerplate.zip
       }
 
+      redir 301 {
+        /graphql/react-native/boilerplate.zip https://storage.googleapis.com/graphql-engine-cdn.hasura.io/learn-hasura/react-native-boilerplate/boilerplate.zip
+      }
+
       redir 301 {
         /graphql/vue/boilerplate.zip https://storage.googleapis.com/graphql-engine-cdn.hasura.io/learn-hasura/vue-boilerplate/boilerplate.zip
       }
@@ -18,6 +22,10 @@ data:
         /graphql/react/ /graphql/react/introduction
       }
 
+      redir 301 {
+        /graphql/react-native/ /graphql/react-native/introduction
+      }
+
       redir 301 {
         /graphql/vue/ /graphql/vue/introduction
       }
@@ -66,6 +74,8 @@ data:
 
       proxy /graphql/react react-apollo
 
+      proxy /graphql/react-native react-native-apollo
+
       proxy /graphql/vue vue-apollo
 
       proxy /graphql hasura/v1alpha1/graphql {

diff --git a/community/learn/graphql-tutorials/manifests/react-native-apollo.yaml b/community/learn/graphql-tutorials/manifests/react-native-apollo.yaml
@@ -0,0 +1,50 @@
+---
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  labels:
+    app: react-native-apollo
+  name: react-native-apollo
+  namespace: default
+spec:
+  replicas: 1
+  selector:
+    matchLabels:
+      app: react-native-apollo
+  strategy:
+    type: RollingUpdate
+    rollingUpdate:
+      maxUnavailable: 0
+      maxSurge: 100%
+  template:
+    metadata:
+      labels:
+        app: react-native-apollo
+    spec:
+      containers:
+      - image: hasura/base-git-image:0.7
+        imagePullPolicy: IfNotPresent
+        name: react-native-apollo
+        ports:
+        - containerPort: 8080
+          protocol: TCP
+        readinessProbe:
+          httpGet:
+            path: /graphql/react/introduction
+            port: 8080
+---
+apiVersion: v1
+kind: Service
+metadata:
+  labels:
+    app: react-native-apollo
+  name: react-native-apollo
+  namespace: default
+spec:
+  ports:
+  - port: 80
+    protocol: TCP
+    targetPort: 8080
+  selector:
+    app: react-native-apollo
+  type: ClusterIP
diff --git a/community/learn/graphql-tutorials/tutorials/react-native-apollo/app-boilerplate/.eslintrc b/community/learn/graphql-tutorials/tutorials/react-native-apollo/app-boilerplate/.eslintrc
@@ -0,0 +1,26 @@
+{
+    "parser": "babel-eslint",
+    "env": {
+        "browser": true,
+        "amd": true,
+        "node": true
+    },
+    "plugins": [
+        "react"
+    ],
+    "settings": {
+      "react": {
+        "version": "16.3.1"
+      }
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:react/recommended"
+    ],
+    "rules": {
+        "react/prop-types": "off",
+        "react/display-name": "off",
+        "no-console": "off",
+        "no-useless-escape": "off"
+    }
+}
diff --git a/community/learn/graphql-tutorials/tutorials/react-native-apollo/app-boilerplate/.gitignore b/community/learn/graphql-tutorials/tutorials/react-native-apollo/app-boilerplate/.gitignore
@@ -0,0 +1,2 @@
+node_modules/**/*
+.expo/**/*
diff --git a/...ity/learn/graphql-tutorials/tutorials/react-native-apollo/app-boilerplate/.watchmanconfig b/...ity/learn/graphql-tutorials/tutorials/react-native-apollo/app-boilerplate/.watchmanconfig
@@ -0,0 +1 @@
+{}
diff --git a/community/learn/graphql-tutorials/tutorials/react-native-apollo/app-boilerplate/App.js b/community/learn/graphql-tutorials/tutorials/react-native-apollo/app-boilerplate/App.js
@@ -0,0 +1,32 @@
+import React from 'react';
+import { Platform, StatusBar, StyleSheet, View } from 'react-native';
+import AppNavigator from './src/navigation/AppNavigator';
+import CenterSpinner from './src/screens/components/Util/CenterSpinner';
+
+export default class App extends React.Component {
+  state = {
+    isLoadingComplete: true,
+  };
+
+  render() {
+    if (!this.state.isLoadingComplete) {
+      return (
+        <CenterSpinner />
+      );
+    } else {
+      return (
+        <View style={styles.container}>
+          {Platform.OS === 'ios' && <StatusBar barStyle="default" />}
+          <AppNavigator />
+        </View>
+      );
+    }
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+  }
+});
diff --git a/community/learn/graphql-tutorials/tutorials/react-native-apollo/app-boilerplate/app.json b/community/learn/graphql-tutorials/tutorials/react-native-apollo/app-boilerplate/app.json
@@ -0,0 +1,27 @@
+{
+  "expo": {
+    "name": "TodoGraphQL",
+    "description": "A React Native Todo App with GraphQL",
+    "slug": "TodoGraphQL",
+    "privacy": "public",
+    "sdkVersion": "32.0.0",
+    "platforms": ["ios", "android"],
+    "version": "0.0.1",
+    "orientation": "portrait",
+    "icon": "./assets/images/icon.png",
+    "splash": {
+      "image": "./assets/images/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true
+    }
+  }
+}
diff --git a/...utorials/tutorials/react-native-apollo/app-boilerplate/assets/fonts/SpaceMono-Regular.ttf b/...utorials/tutorials/react-native-apollo/app-boilerplate/assets/fonts/SpaceMono-Regular.ttf
diff --git a/...-tutorials/tutorials/react-native-apollo/app-boilerplate/assets/images/icon.png b/...-tutorials/tutorials/react-native-apollo/app-boilerplate/assets/images/icon.png
diff --git a/...rials/tutorials/react-native-apollo/app-boilerplate/assets/images/robot-dev.png b/...rials/tutorials/react-native-apollo/app-boilerplate/assets/images/robot-dev.png
diff --git a/...ials/tutorials/react-native-apollo/app-boilerplate/assets/images/robot-prod.png b/...ials/tutorials/react-native-apollo/app-boilerplate/assets/images/robot-prod.png
diff --git a/...utorials/tutorials/react-native-apollo/app-boilerplate/assets/images/splash.png b/...utorials/tutorials/react-native-apollo/app-boilerplate/assets/images/splash.png
diff --git a/...ity/learn/graphql-tutorials/tutorials/react-native-apollo/app-boilerplate/babel.config.js b/...ity/learn/graphql-tutorials/tutorials/react-native-apollo/app-boilerplate/babel.config.js
@@ -0,0 +1,6 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+  };
+};