Merge pull request #12 from Microsoft/recipes

Recipes

Author: Will Anderson

Recipes/UpdateButton.ios.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var pkg = require('./package');
+var React = require('react-native');
+var {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View,
+} = React;
+var Button = require('react-native-button');
+
+var CodePush = require('react-native-code-push');
+
+var UpdateButton = React.createClass({
+  getInitialState: function() {
+    return {};
+  },
+  componentDidMount: function() {
+    CodePush.checkForUpdate().done((update) => {
+      if (update && !update.downloadURL) {
+        this.setState({
+          update: update 
+        });
+      }
+    });
+  },
+  update: function() {
+    this.state.update.download().done((newPackage) => {
+      newPackage.apply();
+    });
+  },
+  render: function() {
+    var updateButton = null;
+    if (this.state.update) {
+      updateButton = <Button onPress={this.update}>Update</Button>;
+    }
+
+    return (
+      <View style={styles.container}>
+        <Text>
+          Welcome to {pkg.name} {pkg.version}!
+        </Text>
+        {updateButton}
+      </View>
+    );
+  }
+});
+
+var styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  }
+});
+
+AppRegistry.registerComponent('UpdateButton', () => UpdateButton);

Recipes/UpdateOnStart.ios.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var pkg = require('./package');
+var React = require('react-native');
+var {
+  AppRegistry,
+  StyleSheet,
+  Text,
+  View,
+} = React;
+
+var CodePush = require('react-native-code-push');
+
+var UpdateOnStart = React.createClass({
+  componentDidMount: function() {
+    CodePush.checkForUpdate().done((update) => {
+      if (update && update.downloadUrl) {
+        update.download().done((newPackage) => {
+          newPackage.apply();
+        });
+      }
+    });
+  },
+  render: function() {
+    return (
+      <View style={styles.container}>
+        <Text>
+          Welcome to {pkg.name} {pkg.version}!
+        </Text>
+      </View>
+    );
+  }
+});
+
+var styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  }
+});
+
+AppRegistry.registerComponent('UpdateOnStart', () => UpdateOnStart);