Passing placeholderData with a graphql query
Im using React Query in a React Native application, which uses React Navigation for its navigation. If you're not familiar with that, the part thats worth noting is how the routes/screens are recommended to have just a single id/PK/identifier to each screen in the params. Eg go to the products screen with the params {id: 123}. And then on the products screen you fetch a product by the id/123 in the params. This is mainly due to deep linking to the app, since the links can contain
Where React Query comes in is that the screen may fetch other data from graphql beyond just the product, so Im curious if passing in just the product fragment to placeholderData from a previous screen would hydrate just the product query UI on the screen, or how thats handled? Furthermore, if I pass in just the id in the params, will React Query use the same product from cache with the same id on the previous screen to hydrate the product UI? It seems that when I pass in just the id, the component makes a request, but when fetching in the entire product object, it doesnt. Anyway, wanted to see if anyone had any advice for hows theyve passed data between screens in React Native/React Navigation and used React Query for data fetching.
Appreciate anyone's help on this, sorry for the mouth full.
/products/:idWhere React Query comes in is that the screen may fetch other data from graphql beyond just the product, so Im curious if passing in just the product fragment to placeholderData from a previous screen would hydrate just the product query UI on the screen, or how thats handled? Furthermore, if I pass in just the id in the params, will React Query use the same product from cache with the same id on the previous screen to hydrate the product UI? It seems that when I pass in just the id, the component makes a request, but when fetching in the entire product object, it doesnt. Anyway, wanted to see if anyone had any advice for hows theyve passed data between screens in React Native/React Navigation and used React Query for data fetching.
Appreciate anyone's help on this, sorry for the mouth full.
