giovannibenussi

const EXCHANGE_RATES = gql`
  {
    rates(currency: "USD") {
      rate
      name
    }
  }
`

giovannibenussi

// imports...
import faker from 'faker'

// const typeDefs = ...

const resolvers = {
  ExchangeRate: {
    name: () => faker.finance.currencyName()
  }
}

giovannibenussi

import React from 'react'
import ApolloClient from 'apollo-boost'
import { ApolloProvider } from '@apollo/react-hooks'
import Rates from './Rates'
import gql from 'graphql-tag'

const typeDefs = gql`
  extend type ExchangeRate {
    name: String!
  }

giovannibenussi

const client = new ApolloClient({
  uri: 'https://48p1r2roz4.sse.codesandbox.io',
  typeDefs,
  resolvers
})

giovannibenussi

const resolvers = {
  ExchangeRate: {
    name: () => 'This is a custom name!'
  }
}

giovannibenussi

const typeDefs = gql`
  extend type ExchangeRate {
    name: String!
  }
`

giovannibenussi

const EXCHANGE_RATES = gql`
  {
    rates(currency: "USD") {
      rate
      name @client
    }
  }
`

giovannibenussi

return data.rates.map(({ name, rate }) => (
  <ul key={name}>
    <li>
      <strong>{name}</strong>: {rate}
    </li>
  </ul>
))

giovannibenussi

const EXCHANGE_RATES = gql`
  {
    rates(currency: "USD") {
      currency
      rate
      name @client
    }
  }
`

giovannibenussi

// imports...
import Rates from './Rates'

// client = ...

function App() {
  return (
    <ApolloProvider client={client}>
      ...
        <Rates />