#1.0 Apollo Client

sk97kang·2020년 8월 25일
0

개념

GraphQL Yoga가 바로 쓸 수 있게 준비를 다 해둔 server이며 apollo-boost가 client에 해당.

Apollo Client 설정

  1. client를 만든다.

apollo.js

import ApolloClient from "apollo-boost";

const client = new ApolloClient({
  uri: "http://localhost:4000/",
});

export default client;
  1. App을 polloProvider 감싼다.

index.js

import React from "react";
import ReactDOM from "react-dom";
import App from "./components/App";
import { ApolloProvider } from "@apollo/react-hooks";
import client from "./apollo";

ReactDOM.render(
  <ApolloProvider client={client}>
    <App />
  </ApolloProvider>,
  document.getElementById("root")
);
  1. 사용!

Code

github


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

profile
주니어 개발자 Kan

0개의 댓글