gc-codesnippets

const root = <QueryRenderer
  environment={Relay.Store}
  query={graphql`
    query appQuery {
      viewer {
        ...TodoApp_viewer
      }
    }
  `}
  render={({error, props}) => {

gc-codesnippets

import {
  Environment,
  Network,
  RecordSource,
  Store,
} from 'relay-runtime'
function fetchQuery(
  operation,
  variables,
) {

gc-codesnippets

import environment from './createRelayEnvironment'
// ...
const root = <QueryRenderer
  environment={environment}
  query={graphql`
    query appQuery {
      viewer {
        ...TodoApp_viewer
      }
    }

gc-codesnippets

{
  "plugins": [
    ["relay", {"compat": true, "schema": "./schema.graphql"}]
  ]
}

gc-codesnippets

"scripts": {
  "relay": "relay-compiler --src ./src --schema ./schema.graphql"
}

gc-codesnippets

# If necessary, install `create-react-app`
npm install -g create-react-app

# Create React app called `instagram` (and navigate into it)
create-react-app instagram
cd instagram

gc-codesnippets

type Post {
  description: String!
  imageUrl: String!
}

gc-codesnippets

"babel": {
  "presets": [
    "react-app"
  ],
  "plugins": [
    "relay"
  ]
},

gc-codesnippets

// 1
const {
  Environment,
  Network,
  RecordSource,
  Store,
} = require('relay-runtime')
// 2
const store = new Store(new RecordSource())
// 3

gc-codesnippets

<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.2.1/css/tachyons.min.css"/>