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
urql / examples / with-subscriptions-via-fetch /
at main 2 folders 4 files
server
src
README.md
index.html
package.json
vite.config.js
README.md

With Subscriptions via Fetch#

Open in StackBlitz Open in CodeSandbox

This example shows urql in use with subscriptions running via a plain fetch HTTP request to GraphQL Yoga. This uses the GraphQL Server-Sent Events protocol, which means that the request streams in more results via a single HTTP response.

This example also includes Graphcache "Cache Updates" to update a list with incoming items from the subscriptions.

To run this example install dependencies and run the start script:

yarn install
yarn run start
# or
npm install
npm run start

This example contains:

  • The urql bindings and a React app with a client set up in src/App.jsx
  • A local graphql-yoga server set up to test subscriptions in server/.