Use graphql with Magento 2

README.md

Dependencies

Install the Apollo Boost for requireJS

https://github.com/mage2tv/module-apollo-boost-amd

form-search.js

define([
    './graphql-client',
    'text!Magento_Catalog/graphql/search-terms.graphql',
], function(graphql, searchTermsQuery) {
    const query = graphql.gql(searchTermsQuery);

    return function(term) {
        return graphql.client
            .query({
                query: query,
                variables: {
                    term: term,
                },
            })
            .then(function(response) {
                return response.data && response.data.result;
            });
    };
});

graphql-client.js

define(['apollo-boost', 'mage/url'], function(ApolloAmd, urlBuilder) {
    const ApolloClient = ApolloAmd.ApolloClient;
    const gql = ApolloAmd.gql;

    const url = urlBuilder.build('graphql');
    const client = new ApolloClient({ url: url });

    return {
        gql: gql,
        client: client,
    };
});