Back to Urql

README

examples/README.md

1.8.210.8 KB
Original Source
<table> <thead> <tr> <th>Example</th> <th></th> <th></th> </tr> </thead> <tbody> <tr> <td> <a href="./with-react"><strong>with-react</strong></a> </td> <td> Shows a basic query in <code>urql</code> with React. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-react">
</a>
<a href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-react">
  
</a>
</td> </tr> <tr> <td> <a href="./with-react-native"><strong>with-react-native</strong></a> </td> <td> Shows a basic query in <code>urql</code> with React Native. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-react-native">
</a>
<a href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-react-native">
  
</a>
</td> </tr> <tr> <td> <a href="./with-svelte"><strong>with-svelte</strong></a> </td> <td> Shows a basic query in <code>@urql/svelte</code> with Svelte. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-svelte">
</a>
<a
href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-svelte">
  
</a>
</td> </tr> <tr> <td> <a href="./with-vue3"><strong>with-vue3</strong></a> </td> <td> Shows a basic query in <code>@urql/vue</code> with Vue 3. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-vue3">
</a>
<a href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-vue3">
  
</a>
</td> </tr> <tr> <td> <a href="./with-next"><strong>with-next</strong></a> </td> <td> Shows a basic query in <code>next-urql</code> with Next.js. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-next">
</a>
<a href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-next">
  
</a>
</td> </tr> <tr> <td> <a href="./with-pagination"><strong>with-pagination</strong></a> </td> <td> Shows how to generically set up pagination with <code>urql</code> in UI code. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-pagination">
</a>
<a
href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-pagination">
  
</a>
</td> </tr> <tr> <td> <a href="./with-infinite-pagination"><strong>with-infinite-pagination</strong></a> </td> <td> Shows how to generically set up infinite scrolling pagination with <code>urql</code> in UI code. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-infinite-pagination">
</a>
<a
href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-infinite-pagination">
  
</a>
</td> </tr> <tr> <td> <a href="./with-apq"><strong>with-apq</strong></a> </td> <td> Shows Automatic Persisted Queries with <code>@urql/exchange-persisted</code>. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-apq">
</a>
<a
href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-apq">
  
</a>
</td> </tr> <tr> <td> <a href="./with-graphcache-updates"><strong>with-graphcache-updates</strong></a> </td> <td> Shows manual cache updates with <code>@urql/exchange-graphcache</code>. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-graphcache-updates">
</a>
<a href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-graphcache-updates">
  
</a>
</td> </tr> <tr> <td> <a href="./with-graphcache-pagination"><strong>with-graphcache-pagination</strong></a> </td> <td> Shows the automatic infinite pagination helpers from <code>@urql/exchange-graphcache</code>. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-graphcache-pagination">
</a>
<a href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-graphcache-pagination">
  
</a>
</td> </tr> <tr> <td> <a href="./with-multipart"><strong>with-multipart</strong></a> </td> <td> Shows file upload support integrated in <code>@urql/core</code>. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-multipart">
</a>
<a href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-multipart">
  
</a>
</td> </tr> <tr> <td> <a href="./with-refresh-auth"><strong>with-refresh-auth</strong></a> </td> <td> Shows authentication with refresh tokens using <code>@urql/exchange-auth</code>. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-refresh-auth">
</a>
<a href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-refresh-auth">
  
</a>
</td> </tr> <tr> <td> <a href="./with-retry"><strong>with-retry</strong></a> </td> <td> Shows retrying of failed operations with <code>@urql/exchange-retry</code>. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-retry">
</a>
<a href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-retry">
  
</a>
</td> </tr> <tr> <td> <a href="./with-defer-stream-directives"><strong>with-defer-stream-directives</strong></a> </td> <td> Demonstrates <code>urql</code> and <code>@urql/exchange-graphcache</code> with built-in support for <code>@defer</code> and <code>@stream</code>. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-defer-stream-directives">
</a>
<a
href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-defer-stream-directives">
  
</a>
</td> </tr> <tr> <td> <a href="./with-subscriptions-via-fetch"><strong>with-subscriptions-via-fetch</strong></a> </td> <td> Demonstrates <code>@urql/core</code>'s built-in support for executing subscriptions with a GraphQL Yoga API via the <code>fetchExchange</code>. </td> <td> <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-subscriptions-via-fetch">
</a>
<a
href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-subscriptions-via-fetch">
  
</a>
</td> </tr> </tbody> </table>