Add React Native (Expo) example.

Author: ghengeveld

examples/with-react-native/.gitignore

@@ -0,0 +1,10 @@
+node_modules/**/*
+.expo/*
+npm-debug.*
+*.jks
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+web-report/

examples/with-react-native/.watchmanconfig

@@ -0,0 +1 @@
+{}

examples/with-react-native/App.js

@@ -0,0 +1,44 @@
+import React from "react"
+import Async from "react-async"
+import { StyleSheet, Text, View, Image } from "react-native"
+
+const loadUser = ({ userId }) =>
+  fetch(`https://reqres.in/api/users/${userId}`)
+    .then(res => (res.ok ? res : Promise.reject(res)))
+    .then(res => res.json())
+    .then(json => json.data)
+
+export default function App() {
+  return (
+    <View style={styles.container}>
+      <Async promiseFn={loadUser} userId={1}>
+        <Async.Pending>
+          <Text>Loading...</Text>
+        </Async.Pending>
+        <Async.Fulfilled>
+          {user => (
+            <>
+              <Image
+                style={{ width: 100, height: 100, marginBottom: 10 }}
+                source={{ uri: user.avatar }}
+              />
+              <Text style={{ fontSize: 16 }}>
+                {user.first_name} {user.last_name}
+              </Text>
+            </>
+          )}
+        </Async.Fulfilled>
+        <Async.Rejected>{res => <Text>{res.status}</Text>}</Async.Rejected>
+      </Async>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+})

examples/with-react-native/app.json

@@ -0,0 +1,30 @@
+{
+  "expo": {
+    "name": "React Async example",
+    "slug": "with-react-native",
+    "privacy": "public",
+    "sdkVersion": "33.0.0",
+    "platforms": [
+      "ios",
+      "android",
+      "web"
+    ],
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
+    "assetBundlePatterns": [
+      "**/*"
+    ],
+    "ios": {
+      "supportsTablet": true
+    }
+  }
+}

examples/with-react-native/assets/icon.png

@@ -0,0 +1,6 @@
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+  };
+};