Apollo Client setup in GraphQL - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is Apollo Client used for in a GraphQL application?

Apollo Client is a tool that helps your app talk to a GraphQL server. It fetches data, manages it locally, and updates your app when data changes.

beginner

Which package do you install to use Apollo Client in a JavaScript project?

You install the @apollo/client package to use Apollo Client in your JavaScript or React project.

beginner

What is the purpose of ApolloProvider in Apollo Client setup?

ApolloProvider wraps your app and makes the Apollo Client available to all components so they can run GraphQL queries and mutations.

intermediate

What is the role of InMemoryCache in Apollo Client?

InMemoryCache stores the data fetched from the GraphQL server locally in memory. It helps Apollo Client manage and reuse data efficiently.

beginner

How do you specify the GraphQL server URL in Apollo Client setup?

You provide the server URL in the uri option when creating an ApolloClient instance, like new ApolloClient({ uri: 'https://your-server.com/graphql' }).

Which of these is the correct package to install for Apollo Client?

A apollo-graphql

B apollo-server

C graphql-client

D @apollo/client

The correct package for Apollo Client in frontend apps is @apollo/client. Others are for server or unrelated.

What does InMemoryCache do in Apollo Client?

A Stores data locally in memory for quick access

B Sends queries to the server

C Manages user authentication

D Creates GraphQL schemas

InMemoryCache keeps fetched data in memory so Apollo Client can reuse it without asking the server again.

What component wraps your React app to provide Apollo Client functionality?

A ApolloWrapper

B GraphQLProvider

C ApolloProvider

D ClientWrapper

ApolloProvider is the official component that makes Apollo Client available to your React components.

Where do you specify the GraphQL server URL in Apollo Client?

A In the <code>uri</code> option when creating ApolloClient

B Inside <code>ApolloProvider</code> props

C In the <code>InMemoryCache</code> settings

D In the GraphQL query itself

The server URL is set in the uri option when you create the ApolloClient instance.

Which of these is NOT part of the basic Apollo Client setup?

A Creating an ApolloClient instance

B Writing GraphQL server resolvers

C Installing @apollo/client package

D Wrapping the app with ApolloProvider

Writing server resolvers is done on the backend, not part of the Apollo Client setup on the frontend.

Describe the steps to set up Apollo Client in a React app from installation to making it available in components.

Think about what you need to install, create, and wrap.

Explain the role of InMemoryCache in Apollo Client and why it is important.

Consider how caching helps your app work faster.