Choosing GraphQL for your API - React Component

HeaderWishlist.jsx

import React, { Component } from 'react';
import { Link } from 'react-router-dom';

// GraphQL libraries
import gql from 'graphql-tag';
import { graphql } from 'react-apollo';

// React magic here
class HeaderWishlist extends Component { ... }

// Query the user's wishlist
const WishlistQuery = gql`{
  wishlist {
    meetups {
      id
      name
    }
  }
}`;

// Create the higher order component with that query
const withData = graphql(WishlistQuery);

// Export the plugged component
export default withData(HeaderWishlist);