This package has been deprecated

Author message:

for the best quick start with Apollo Client, please use apollo-boost instead

apollo-client-preset
TypeScript icon, indicating that this package has built-in type declarations

1.0.8 • Public • Published

Example

Use create-react-app then yarn add apollo-client-preset react-apollo graphql and replace below code for index.js

import * as React from 'react'
import { render } from 'react-dom'
 
import ApolloClient from 'apollo-client'
import { HttpLink, InMemoryCache } from 'apollo-client-preset'
import { ApolloProvider, graphql } from 'react-apollo'
import gql from 'graphql-tag'
 
// Apollo client
const client = new ApolloClient({
  link: new HttpLink({ uri: 'https://api.graph.cool/simple/v1/cixos23120m0n0173veiiwrjr' }),
  cache: new InMemoryCache().restore({})
})
 
// Example query from https://www.graph.cool/
const MOVIE_QUERY = gql`
{
  Movie(id: "cixos5gtq0ogi0126tvekxo27") {
    id
    title
    actors {
       name
    }
  }
}
`
 
// Our App
const App = graphql(MOVIE_QUERY)(({ data }) => {
  const { loading, Movie } = data
  // Loading
  if (loading) return <div>loading...</div>
  
  // Loaded
  return <p><b>{Movie.title}</b> : {Movie.actors.map(({ name }) => name).join('')}</p>
})
 
const ApolloApp = (
  <ApolloProvider client={client}>
    <App />
  </ApolloProvider>
)
 
render(ApolloApp, document.getElementById('root'))

Readme

Keywords

none

Package Sidebar

Install

npm i apollo-client-preset

Weekly Downloads

5,169

Version

1.0.8

License

MIT

Last publish

Collaborators

  • jbaxleyiii
  • peggyrayzis