Using redux-observable

I read almost entirely the apollo client docs and I couldn’t find anything on using redux-observable with it.

I know the usual way to make queries with apollo is with the connect() method connecting the query and the class but with redux-observable, you need to be able to call the query/mutation directly in the epic which is in a different js file.

Basically we would have to call the query in the epic and if it’s successful, update redux store and return the query information received to the component. Else we would return nothing. I see no way of doing this in my current implementation because only the component knows the query.

Do you guys have already thought about a way you could integrate redux-observable with apollo or is it on hold for now?

Thank you

(First time posting an ‘issue’)

[vpageau]

@loganpowell It’s not a problem. Yes this approach has worked out fine so far. I recommend it to anyone using both apollo-client and redux-observable together.

[ghost]

Ok I successfully changed the actionCreator logic to mutate using the client directly.

import { client } from '../../services/network'          //new client instance
import { languageMutation} from '../mutation'     //mutation to do (using gql)
import { changeLanguageFulfilled, changeLanguageError} from '../actions/navigationBarActions';    //import actions to use in the epic

export const languageEpic = (action$) => {
  return action$.ofType('CHANGE_LANGUAGE')
    .mergeMap(action => client.mutate({
      mutation: languageMutation,
      variables: { id: action.id,  defaultLanguage: action.selected_language, defaultTimeZoneId: action.selected_timeZone }
    }).then(result => changeLanguageFulfilled(result))
      .catch(error => changeLanguageError(error))
  );
};

I use return here to call my reducer and then update my redux store.

Thank you for your help 😃