kitten.sh
1# With `@defer` / `@stream` Directives
2
3<p>
4 <a href="https://stackblitz.com/github/urql-graphql/urql/tree/main/examples/with-defer-stream-directives">
5 <img
6 alt="Open in StackBlitz"
7 src="https://img.shields.io/badge/open_in_stackblitz-1269D3?logo=stackblitz&style=for-the-badge"
8 />
9 </a>
10 <a
11 href="https://codesandbox.io/p/sandbox/github/urql-graphql/urql/tree/main/examples/with-defer-stream-directives">
12 <img
13 alt="Open in CodeSandbox"
14 src="https://img.shields.io/badge/open_in_codesandbox-151515?logo=codesandbox&style=for-the-badge"
15 />
16 </a>
17</p>
18
19This example shows `urql` in use [with `@defer` and `@stream`
20directives](https://graphql.org/blog/2020-12-08-improving-latency-with-defer-and-stream-directives)
21in GraphQL.
22
23To run this example install dependencies and run the `start` script:
24
25```sh
26yarn install
27yarn run start
28# or
29npm install
30npm run start
31```
32
33This example contains:
34
35- The `urql` bindings and a React app with a client set up in [`src/App.jsx`](src/App.jsx)
36- A local `graphql-yoga` server set up to test deferred and streamed results in [`server/`](server/).