아폴로와 redux-persist

Question

내 GraphQL 서버의 데이터를 내 기본 애플리케이션에 반입하기 위해 react-apollo을 통합했습니다. 나는 redux 상점을 지속하고 rehydrating를 위해 redux-perist를 사용합니다.

하지만 아폴로 상태를 재수 할 줄 모르겠습니다.

누구든지 어떻게 할 수 있는지 알고 있습니까?

감사

Answer 1

당신은 redux-persist의 autoRehydrate 기능을 사용할 수 있습니다. 그것은 당신이 블랙리스트에 올 때까지 asyncronously 모든 상점을 rehydrate 유형 REHYDRATE 유형의 작업을 실행합니다.

이전에 실행 된 쿼리를 실행하려고하면 Apollo가 Redux 저장소를 먼저 확인하고 APOLLO_QUERY_RESULT_CLIENT 작업 (서버를 쿼리하는 대신 클라이언트 저장소에서 반환 됨)을 실행해야합니다. 쿼리 (등, 첫째, 전용 캐시를 네트워크)의 데이터를 가져 오는 방법 당신은

가 여기에 기본 설정의 지정 fetchPolicy을 수정할 수 있습니다 srtucker22 @

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> 
    ); 
    } 
}