kintone から GRAPHCOOL にアクセスする https://blog.r3it.com/kintone-to-graphcool-852f7c305a49

ArticleList.js

import React from "react";
import gql from "graphql-tag";
import { graphql } from "react-apollo";

const ArticleItem = ({ article }) => (
  <li style={{ width: 600 }}>
    <h3>{article.title}</h3>
  </li>
);

const ArticleList = ({ data: { loading, error, allArticles } }) => (
  loading ? <p>ロードしています...</p> :
    error ? <p>Error: {error}</p> : (
      <ul style={{ listStyleType: "none", padding: 0 }}>
        {allArticles.map(article => <ArticleItem key={article.id} article={article} />)}
      </ul>
    )
);

const query = gql`
{
  allArticles(orderBy:updatedAt_DESC) {
    id
    title
  }
}
`;

export default graphql(query)(ArticleList);