Apollo client 동작 flow

작성자: J166 이헌준

apollo client의 동작 flow는?

Context.Provider와 비슷한 ApolloProvider 라는 컴포넌트를 통하여 아폴로 클라이언트와 리액트를 연결한다. 당신이 언제든 context에 접근할 수 있도록, ApolloProvider로 리액트 어플리케이션을 감싸서, 클라이언트를 context상에 위치하도록한다.

<데이터 요청> Apollo Provider를 올리면, useQuery를 사용해 데이터 요청을 할 수 있게 된다. useQuery는 리액트의 훅이다.

1. useQuery훅이 서버에 GraphQL쿼리를 날린다.
2. 당신의 컴포넌트가 useQuery훅을 render 할때, req 객체는 loading, error, data를 가지고 있다.