React useContext

[lifeiscontent]

I'd love to see apollo take advantage of useContext in the new release of React.

potentially simplifying some of the work with Query Component, ApolloConsumer, etc.

e.g. (this is pseudo code)

import React, { useState, useEffect, useContext } from 'react';
import { ApolloContext, gql } from 'react-apollo';

function useQuery(query) {
  const [data, setData] = useState(null);
  const apollo = useContext(ApolloContext);

  function handleDataChange(data) {
    setData(data);
  }

  useEffect(() => {
    return apollo.watchQuery(query).valueChanges.subscribe(handleDataChange);
  });

  return data;
}

function ListView() {
  const data = useQuery({
    query: gql`
      {
        posts {
          title
        }
      }
    `,
  });

  return (
    <ol>
      {data.posts.map((item, index) => (
        <li key={index}>{item.title}</li>
      ))}
    </ol>
  );
}

I'd expect useApollo, useQuery, useMutation, etc to be a hook apollo would provide

[kristianmandrup]

Started implementing feature here
Added usage docs and examples for current implementation attempt: Apollo Hooks