Apollo with reduction-tenacity

Question

I integrated response-apollo to receive data from my GraphQL server in my own native application. I use redux-perist to save and rehydrate the reduction store.

But I do not know how to strengthen my Apollo state.

Does anyone know how I can do this?

thanks

Answer 1

You can use the autoRehydrate function redux-persist . It will trigger an action with the REHYDRATE type REHYDRATE , which will rehydrate all stores if you do not blacklist them.

If you try to fulfill a request that was previously executed, Apollo will first check your Redux store and you will see the APOLLO_QUERY_RESULT_CLIENT action (this means that it returns from the client store instead of the request to the server). You can modify fetchPolicy to indicate how the request receives its data (network only, cache first, etc.)

Here is the basic setup:

 import React, { Component } from 'react'; import { ApolloProvider } from 'react-apollo'; import { createStore, combineReducers, applyMiddleware, compose } from 'redux'; import ApolloClient, { createNetworkInterface } from 'apollo-client'; import { persistStore, autoRehydrate } from 'redux-persist'; import { AsyncStorage } from 'react-native'; const networkInterface = createNetworkInterface({ uri: 'http://localhost:8080/graphql' }); export const client = new ApolloClient({ networkInterface: networkInterface, }); const store = createStore( combineReducers({ apollo: client.reducer(), }), {}, // initial state compose( applyMiddleware(client.middleware()), autoRehydrate(), ), ); // persistent storage persistStore(store, { storage: AsyncStorage, // or whatever storage you want }); export default class App extends Component { render() { return ( <ApolloProvider store={store} client={client}> <YourApp /> </ApolloProvider> ); } }