Use Relay to fetch and store data outside of a React component
import { createSink } from 'relay-sink';const TyrionSink = createSink({ // Normal Relay Container configuration fragments: { tyrion: () => Relay.QL
fragment on Character { name, house }
} });// A sink is a Relay Container. Compose with parent Relay containers like // normal. Note that
this.props.tyrion
andfragments.tyrion
below are not // the same value — the former points to a value inside Relay's global store, // while the latter is the actual unwrapped data. { expect(fragments.tyrion.name).to.equal('Tyrion'); expect(fragments.tyrion.house).to.equal('Lannister');// Do whatever you want with the data — e.g. dispatch it to a Flux store store.dispatch({ type: UPDATE_TYRION, payload: fragments.tyrion }); }}/>