Apollo Client's Cache

작성자: J166 이헌준

Apollo Client는 어떻게 캐싱을하고, cache를 어디에 저장하는가?

아폴로클라이언트는 GraphQL 쿼리의 결과를 normalize(정규화)하여 in-memory cache에 저장한다. 이로써, 클라이언트는 같은 정보를 요청하는 이후의 쿼리에 대하여 불필요한 네트워크 요청을 하지 않아도 된다. (Inmemory Cache 클래스는 @apollo/client 패키지에서 제공된다.)

• Data Normalization InMemoryCache는 내부의 데이터 저장소에 저장하기전에 응답값을 정규화한다. 정규화는 다음과 같은 절차를 거친다

  1. 응답값의 구분가능한 값을 사용하여 ID를 생성한다
  2. 응답값과 ID의 2차원 table을 만든다
  3. ID가 같을 때 마다(응답값의 구분가능한 값이 같을 때) 해당 ID에 merge한다.

캐싱 관련 공식문서