#1.1~5 GET MOVIES Query/GET MOVIE Query/Apollo Cache and Styles/Suggestions & Optional Chaining

sk97kang·2020년 8월 25일
0

Cache

한 번 로딩한 거는 cache하여 reloading 없이 사용할 수 있다.(별도의 작업이 필요 없음)

Query 작성 및 실행

query를 작성하고 useQuery를 이용해서 조회한다.

/src/routes/Home.js

import React from "react";
import { gql } from "apollo-boost";
import { useQuery } from "@apollo/react-hooks";

const GET_MOVIES = gql`
  {
    movies {
      id
      medium_cover_image
    }
  }
`;

function Home() {
  const { loading, error, data } = useQuery(GET_MOVIES);
  console.log(loading, error, data);
  return <div>Home</div>;
}

export default Home;
  • 결과

추천 구글 앱

Apollo Client Developer Tools


Code

#1.1 GET MOVIES Query

#1.2 GET MOVIE Query

#1.3 Apollo Cache and Styles

#1.5 Suggestions & Optional Chaining

suggestions


노마드 코더 GraphQL 강의 정리용 글입니다.
GraphQL로 영화 API 만들기

profile
주니어 개발자 Kan

0개의 댓글