apollo_link_state.js

// App.js
// Need apollo-boost for link state functionality
import ApolloClient from 'apollo-boost'

const defaultLinkState = {
  edit: false,
  open: false
}

const client = new ApolloClient({
   uri: '<GRAPHQL_API_ENDPOINT>',
   clientState: {
     defaults: defaultLinkState,
     resolvers: {}
   }
})

// Posts.js
import React, { Component } from 'react'
class Posts extends Component {
  render() {
    return (
      <Query query={EXAMPLE_POSTS_QUERY}>
      {({data, loading)) =>  {
        return (
          <div>
            <h1>Posts</h1>
            <Button open={data.open}/>
            {data.map(post => <p open={data.open}>{post.title}</p>)}
          </div>
      }}
      </Query>
      
    )
  }
}

const EXAMPLE_POSTS_QUERY = gql`
  query posts {
    posts {
      id
      title
    }
    // Need @client to pull from state
    edit @client,
    open @client
  }
`

// Toggle.js
import React, { Component } from 'react'
import {ApolloConsumer} from 'react-apollo'

class Button extends Component {
  render() {
    const { open } = this.props
    return (
      <ApolloConsumer>
      {client => 
       <button
        onClick={() => {
          client.writeData({data: {open: !open)})
        }
       >
        Toggle
        </button>
      }
      </ApolloConsumer>
    )
  }
}