Does react-query support Automatic persisted queries?

[mrchief]

Something like this

import { ApolloClient, InMemoryCache, HttpLink } from "@apollo/client";
import { createPersistedQueryLink } from "@apollo/client/link/persisted-queries";

const linkChain = createPersistedQueryLink().concat(new HttpLink({ uri: "http://localhost:4000/graphql" }));

const client = new ApolloClient({
  cache: new InMemoryCache(),
  link: linkChain,
});

When the APQ link is created with createPersistedQueryLink({useGETForHashedQueries: true}), Apollo Client automatically sends the short hashed queries as GET requests allowing a CDN to serve those request.

https://www.apollographql.com/docs/apollo-server/performance/apq/

Does react-query have built-in mechanisms that do this or are there patterns to this with react-query?

[TkDodo]

This features seems to be specific to apollo-server. react-query is a promise based async state management library, so per design, it doesn't know or care how you do data fetching. You can also do () => Promise.resolve(5) as your "queryFn" and react-query is totally okay with it. That also means it cannot support any apollo-server magic out of the box :)

It seems to be easy to build in user-land though. Inspect the response, store the hash somewhere and send it for every future request instead of the body.

[dimified]

Thanks for the reply. Did you see any chance how to implement this with/without using Apollo Client and its APQ utilities?

[mrchief]

Not yet, still looking

[cromosom]

I think a middleware to translate hashed queries into post requests to the db and caching the responses for succeeding requests would be sufficient. Cache invalidation is still something to handle then

[binoiii]

By any chance, where you able to have an update on this @mrchief ?

[mrchief]

Unfortunately not. This seems like a complex thing and I didn't get enough time to spend on it.