async.js

const MOVIE_QUERY = gql`
  query GetMovie($id: Int!) {
    movie(id: $id) {
      id
      title
      overview
      poster_path
    }
  }
`;
function MovieInfo({ movie, clearActiveResult }) {
  return (
    <Query asyncMode query={MOVIE_QUERY} variables={{ id: movie.id }}>
      {({ data: { movie } }) => (
        <Fragment>
          <FullPoster movie={movie} />
          <h2>{movie.title}</h2>
          <div>{movie.overview}</div>
        </Fragment>
      )}
    </Query>
  );
}

What is the component ?

Apparently Query component (among Mutation and Subscriptions) is part of React Apollo, but honestly I did not see that documented anywhere. I ended up writing my own render prop wrapper around graphql HoC.

@jbaxleyiii is there some documentation of those components or is it still experimental?