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

    1.0.9 • 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'))

    Keywords

    none

    Install

    npm i apollo-client-preset-fork

    DownloadsWeekly Downloads

    4

    Version

    1.0.9

    License

    MIT

    Unpacked Size

    140 kB

    Total Files

    15

    Last publish

    Collaborators

    • eljuli