# graphql-cache-layer

> graphql cache layer

Latest version **1.0.2** (published 2021-04-02) · MIT license · 0 weekly downloads

## Install

```sh
npm install graphql-cache-layer
pnpm add graphql-cache-layer
yarn add graphql-cache-layer
bun add graphql-cache-layer
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2021-04-02 |
| First published | 2021-04-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 2 |
| Unpacked size | 61.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | samyiman777 |

## Links

- npm: https://www.npmjs.com/package/graphql-cache-layer
- npm.io page: https://npm.io/package/graphql-cache-layer

## Dependencies (2)

- [@apollo/client](https://npm.io/package/@apollo/client.md) ^3.3.13
- [apollo3-cache-persist](https://npm.io/package/apollo3-cache-persist.md) ^0.9.1

## Recent versions

- 1.0.2 (latest) — 2021-04-02
- 1.0.1 — 2021-04-02
- 1.0.0 — 2021-04-02

## README

# graphql-cache-layer

> graphql cache layer

[![NPM](https://img.shields.io/npm/v/@sung/graphql-cache-layer.svg)](https://www.npmjs.com/packagenpm i graphql-cache-layer) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm i --save graphql
npm install --save npm i graphql-cache-layer
```

## Usage

```jsx
import { StrictMode } from "react";
import ReactDOM from "react-dom";
import {PersistentCacheProvider} from "graphql-cache-layer"
import App from "./App";

const rootElement = document.getElementById("root");
ReactDOM.render(
  <StrictMode>
    <PersistentCacheProvider url="https://api.spacex.land/graphql/">
    <App />
    </PersistentCacheProvider>
  </StrictMode>,
  rootElement
);

```

```jsx
import "./styles.css";
import { usePersistentContext } from "graphql-cache-layer";
import {useQuery,gql} from "@apollo/client"

const QUERY = gql`
  query FETCH_DATA {
    launchesPast(limit: 10) {
    mission_name
    launch_date_local
    links {
      article_link
      video_link
    }
    rocket {
      rocket_name
      first_stage {
        cores {
          flight
          core {
            reuse_count
            status
          }
        }
      }
    }
    ships {
      name
      home_port
      image
    }
  }
  }
`

export default function App() {

  const {data} = useQuery(QUERY)

  const persist = usePersistentContext();

  console.log(data)

  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
      <button onClick={() => persist.purge()}>done</button>
    </div>
  );
}

```


## License

MIT © [](https://github.com/)

---
_Source: https://npm.io/package/graphql-cache-layer · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._