react-apollo-local-values

Table of Contents

• Install
• Usage
• License

Install

yarn add react-apollo-local-values

npm install react-apollo-local-values

Usage

to combine with apollo-link-state

import React from 'react';
import { graphql, compose } from 'react-apollo';
import Values from 'react-apollo-local-values';

const { set, get, resolve } = Values('my-namespace');

const Hello = ({ name, onNameChange }) => (
  <form>
    <p>{name}</p>
    <input type="text" onChange={ev => onNameChange(ev.target.value)} />
  </form>
);

export default compose(
  graphql(set('name'), {
    props: ({ mutate }) => ({
      onNameChange: (name = '') => mutate({ variables: { name } })
    })
  }),
  graphql(get('name'), {
    props: resolve
  })
)(Hello);

License

BSD-3-Clause