clayallsopp

query {
  search(text: "cat") {
    username
    friends {
      username
    }
  }
}

clayallsopp

query {
  search(text: "cat") {
    ???
  }
}

clayallsopp

query ($username: String = "GovSchwarzenegger"){
  reddit {
    user(username: $username) {
      username
      commentKarma
      createdISO
    }
  }
}

clayallsopp

POST https://www.graphqlhub.com/graphql
{
  "query":"query ($username: String!){
    reddit {
      user(username: $username) {
        username
        commentKarma
        createdISO
      }
    }

clayallsopp

query ($username: String!) {
  reddit {
    user(username: $username) {
      username
      commentKarma
      createdISO
    }
  }
}

clayallsopp

class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Loading remote component...
        </Text>
        <RemoteComponent url="http://localhost:8000/getComponent.js" />
      </View>
    );

clayallsopp

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

export default class RemoteComponent extends React.Component {
  state = {};

  componentDidMount() {
    fetch(this.props.url).then((response) => {
      return response.text();
    }).then((js) => {
      let factory = eval(js);

clayallsopp

export class User {
  handle: string;
  constructor(handle) {
    this.handle = handle;
  }
}

clayallsopp

"scripts": {
  "build": "rm -rf ./dist/ && rm -rf ./tsDist/ && tsc && webpack && open index.html"
}

clayallsopp

module.exports = {
  entry: "./tsDist/index.js",
  // ...
};