There are no reviews yet. Be the first to send feedback to the community and the maintainers!
Repository Details
Use Relay to fetch and store data outside of a React component
relay-sink
Usage
import{createSink}from'relay-sink';constTyrionSink=createSink({// Normal Relay Container configurationfragments: {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` and `fragments.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.<TyrionSinktyrion={this.props.tyrion}onFragmentUpdate={fragments=>{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 storestore.dispatch({type: UPDATE_TYRION,payload: fragments.tyrion});}}/>