MetaQuery example in reply to @gunar

example.js

const ProductsQueryWithConfigurableFragment = `
  query {
    products {
      ...ProductFragment
    }
  }
`;

const SlimProductFragment = `
  fragment ProductFragment on Product {
    id
    name
    price
  }
`

const FullProductFragment = `
  fragment ProductFragment on Product {
    id
    name
    price
    reviews {
      ...you get the idea
    }
  }
`;

const QueryCache = new WeakMap();

const MetaQuery = ({query, fragment, ...props}) => {
  if (!QueryCache.has(query)) {
    QueryCache.set(query, new WeakMap());
  }
  if (!QueryCache.get(query).has(fragment)) {
    const composedQuery = gql`
      ${query}
      ${fragment}
    `;
    QueryCache.get(query).set(fragment, composedQuery);
  }

  const composedQuery = QueryCache.get(query).get(fragment);
  return <Query query={composedQuery} {...props} />;
}

const App = () => (
  <Fragment>
    <MetaQuery query={ProductsQueryWithConfigurableFragment} fragment={SlimProductFragment}>
      {({data}) => <SlimProducts data={data} />}
    </MetaQuery>
    <MetaQuery query={ProductsQueryWithConfigurableFragment} fragment={FullProductFragment}>
      {({data}) => <FullProducts data={data} />}
    </MetaQuery>
  </Fragment>
);