graphql.md

rest codegen

• restful-react
• demos
• using hooks andf codegen

graphql

• graphcool graphql server
• ref

yarn add react-apollo apollo-boost graphql

import {ApolloProvider} from 'react-apollo'
import ApolloClient from 'apollo-boost'


const client = new ApolloClient({
  uri: 'http://www.graphql.fun/graphql'
})

RectDOM.render(

<ApolloProvider>
<App />
</ApolloProvider>, document.getElementById('root)
)

import { Query, Mutation } from 'react-apollo'
import { gql } from 'apollo-boost'

const ALL_PLAYERS_QUERY = gql`
  query {
    playerCount
      allPlayers{
        login
        name
        avatar
        team {
          color{
            name
          }
        }
      }
  }
`
const CREAT_TEAMSMUTATION = gql`
  mutation {
    createTeams(count:20){
      color {
        name
      }
    }
  }
`

const App = () => {
<Query query={ALL_PLAYERS_QUERY} pollInterval={1000}>
{({loading, data}) => {
  <div>
    <Mutation mutation={CREATE_TEAMS_MUTATION}>
      {createTeams => <button onClick={createTeams}>Create Teams</button>}
    </Mutation>
    <div>
      {!loading && dat.allPlayers.map(p => 
        <img
          src={p.avatar})
          key={p.login}
          width={40}
          style={p.team && {
            borderRadius: '50%',
            border: `4px solid ${p.team.color.name}`
          }}
        />  
    </div>  
  </div>
  }
}
</Query>
}