Noodle Printing Machine

    TypeScript icon, indicating that this package has built-in type declarations

    5.0.8 • Public • Published


    An exchange for normalized caching support in urql

    @urql/exchange-graphcache is a normalized cache exchange for the urql GraphQL client. This is a drop-in replacement for the default cacheExchange that, instead of document caching, caches normalized data by keys and connections between data.

    You can also pass your introspected GraphQL schema to the cacheExchange, which enables it to deliver partial results and match fragments deterministically!

    urql is already quite a comprehensive GraphQL client. However in several cases it may be desirable to have data update across the entirety of an app when a response updates some known pieces of data.

    Learn more about Graphcache and normalized caching on our docs!

    Quick Start Guide

    First install @urql/exchange-graphcache alongside urql:

    yarn add @urql/exchange-graphcache
    # or
    npm install --save @urql/exchange-graphcache

    You'll then need to add the cacheExchange, that this package exposes, to your urql Client, by replacing the default cache exchange with it:

    import { createClient, dedupExchange, fetchExchange } from 'urql';
    import { cacheExchange } from '@urql/exchange-graphcache';
    const client = createClient({
      url: 'http://localhost:1234/graphql',
      exchanges: [
        // Replace the default cacheExchange with the new one
          /* optional config */


    npm i @urql/exchange-graphcache

    DownloadsWeekly Downloads






    Unpacked Size

    607 kB

    Total Files


    Last publish


    • keithluchtel
    • ceceppa
    • robwalkerco
    • gksander
    • sarahformidable
    • scott-rippey
    • yankovalera
    • michaelmerrill
    • sarmeyer
    • mariano-formidable
    • carlospaelinck
    • ryan.roemer
    • formidable-owner
    • eastridge
    • exogen
    • jmcbee1
    • formidablelabs
    • carbonrobot
    • masiddee
    • philpl
    • andyrichardson
    • jdecroock
    • parkerziegler
    • npm-urql