Anyone used react-native-meteor with Apollo client?

elie · April 3, 2017, 12:04am

NPM Meteor RN package: https://github.com/inProgress-team/react-native-meteor

I’m specifically interested in integrating the login with Apollo Meteor login. Going to play around with it tomorrow, but interested if anyone has already done this integration?

sabativi · April 3, 2017, 7:45am

I have not, but i am deeply interested in your results.
I build an iOS/android app with react-native-meteor and was not really satisfied with login reactivity.
Apollo might be a way to change that.

If you can sum up what you have leant, it is awesome !

elie · April 3, 2017, 12:46pm

I’m playing with it now. Will let you know. I still plan to use the react-native-meteor login system that is currently in place, and just take the token from async storage.

But I agree, that rn-meteor does have some reactivity issues it seems.

elie · April 3, 2017, 12:46pm

Especially after login.

elie · April 3, 2017, 1:49pm

Basic working Gist here. See comments at the bottom:

gist.github.com

https://gist.github.com/elie222/2ea0e1548dc0c634342fed942f6ea207

apollo.js

import ApolloClient from 'apollo-client'
import Settings from './settings'
import { meteorClientConfig } from './meteorApolloClient'

const networkOptions = { uri: Settings.GRAPHQL_URL }

export const client = new ApolloClient(meteorClientConfig(networkOptions))

meteorApolloClient.js

import { createNetworkInterface, createBatchingNetworkInterface } from 'apollo-client'
import Meteor from 'react-native-meteor'

// default network interface configuration object
const defaultNetworkInterfaceConfig = {
  // default graphql server endpoint: ROOT_URL/graphql
  // ex: http://locahost:3000/graphql, or https://www.my-app.com/graphql
  // uri: Meteor.absoluteUrl('graphql'), // no default here. necessary field
  // additional fetch options like `credentials` or `headers`
  opts: {},

This file has been truncated. show original

When this fully works would be good to turn it into a package.