kitten.sh / urql
Mirror: The highly customizable and versatile GraphQL client with which you add on features like normalized caching as you grow.
fork atom

docs(graphcache): Add example to "Variables for Optimistic Updates" (#3077)

Romain Trotard 3e0f34a9 47c34c41

options
unified split
Changed files
+13 -1
docs
graphcache
cache-updates.md
+13 -1
docs/graphcache/cache-updates.md 
···

       
544

       
 

       



     

       
545

       
 

       
However, we're able to pass additional variables to our mutation, e.g. `{ extra }`, and since


     

       
546

       
 

       
`$extra` isn't defined it will be filtered once the mutation is sent to the API. An optimistic


     

       
547

       
-

       
mutation however will still be able to access this variable.


     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       
548

       
 

       



     

       
549

       
 

       
### Reading on


     

       
550

       
 

       



     
···

       
544

       
 

       



     

       
545

       
 

       
However, we're able to pass additional variables to our mutation, e.g. `{ extra }`, and since


     

       
546

       
 

       
`$extra` isn't defined it will be filtered once the mutation is sent to the API. An optimistic


     

       
547

       
+

       
mutation however will still be able to access this variable, like so:


     

       
548

       
+

       



     

       
549

       
+

       
```js


     

       
550

       
+

       
cacheExchange({


     

       
551

       
+

       
  updates: {


     

       
552

       
+

       
    Mutation: {


     

       
553

       
+

       
      updateTodo(_result, _args, _cache, info) {


     

       
554

       
+

       
        const extraVariable = info.variables.extra;


     

       
555

       
+

       
      },


     

       
556

       
+

       
    },


     

       
557

       
+

       
  },


     

       
558

       
+

       
});


     

       
559

       
+

       
```


     

       
560

       
 

       



     

       
561

       
 

       
### Reading on


     

       
562