client side GraphQL query cache

[mydearxym]

trafficstars

Apollo Client has the ability to cache query in client side:

export const client = new ApolloClient({
  link,
  /* cache: new InMemoryCache(), */
  cache: new InMemoryCache(),
  connectToDevTools: true,
  /* shouldBatch: false, */
  // defaultOptions,
})

the tricky part is to refresh cache when user do some mutate operation, like create post (post list should then be update)。

the official writeQuery solution mentioned in apollo doc is complex and adjectived.

need better solution.

[mydearxym]

here is the temporary plan:

• still use the default InMemoryCache in Apollo Client
• once user do any mutate operation, then clear the cache store

key code:

const doMutate = (mutation, variables) =>
  client
    .mutate({
      mutation,
      variables,
      context,
    })
    .then(res => {
      // once login user has mutation to server
      // then clear all the cache store in Apollo client
      client.clearStore()
      return res.data
    })
    .catch(formatGraphErrors)

docs: https://www.apollographql.com/docs/react/recipes/authentication.html

it's not the perfect solution, but works well.

[mydearxym]

reopen it for better solution