Richard Zhang richardzyx

Continuous deployment of React websites to Amazon S3

This sample includes a continuous deployment pipiline for websites built with React. We use AWS CodePipeline, CodeBuild, and SAM to deploy the application. To deploy the application to S3 using SAM we use a custom CloudFormation resource.

Files included

buildspec.yml: YAML configuration for CodeBuild, this file should be in the root of your code repository
configure.js: Script executed in the build step to generate a config.json file for the application, this is used to include values exported by other CloudFormation stacks (separate services of the same application).
index.js: Custom CloudFormation resource that publishes the website to an S3 bucket. As you can see from the buildspec and SAM template, this function is located in a s3-deployment-custom-resource sub-folder of the repo
app-sam.yaml: Serverless Application model YAML file. This configures the S3 bucket and the cu

In this gist I would like to describe an idea for GraphQL subscriptions. It was inspired by conversations about subscriptions in the GraphQL slack channel and different GH issues, like #89 and #411.

Conceptual Model

At the moment GraphQL allows 2 types of queries:

query
mutation

Reference implementation also adds the third type: subscription. It does not have any semantics yet, so here I would like to propose one possible semantics interpretation and the reasoning behind it.

	import React, {Component} from 'react';
	import { StyleSheet, Text, View} from 'react-native';

	import { Auth } from 'aws-amplify'
	import { withAuthenticator } from 'aws-amplify-react-native'

	class App extends Component {
	render() {
	return (
	<View style={styles.container}>

	import React, {PropTypes, PureComponent} from 'react';
	import {TextInput} from 'react-native';
	import debounce from 'debounce';

	/**
	* This is a workaround for the buggy react-native TextInput multiline on Android.
	*
	* Can be removed once https://github.com/facebook/react-native/issues/12717
	* is fixed.
	*

	// Create a Promise that resolves after ms time
	var timer = function(ms) {
	return new Promise(resolve => {
	setTimeout(resolve, ms);
	});
	};

	// Repeatedly generate a number starting
	// from 0 after a random amount of time
	var source = async function*() {