Apollo Link State + React Apollo 2.1 = <3 <3 <3

dog.js

import React from 'react';
import { ApolloConsumer, Query } from 'react-apollo';
import gql from 'graphql-tag';

const SimpleMutation = () => (
  <ApolloConsumer>
    {(cache) => (
      <button onClick={() => cache.writeData({ data: { status: 'yo' }})}>Click me!</button>
    )}
  </ApolloConsumer>
)

// make sure to set an initial value for status in defaults when you initialize link-state
const QueryThatSubscribesToMutation = () => (
  <Query query={gql`{ status @client }`}>
    ({ data, client }) => (
      <div>
       <p>{data.status}</p>
       <button onClick={() => client.writeData({ data: { status: 'yo' }})}>Click me!</button>
      </div>
    )
  </Query>
)