How can I use Apollo Client with React?

How can I use Apollo Client with React?

To use Apollo Client with React, you first need to install the necessary packages. You can do this using npm or yarn.

What packages do I need to install?

You need to install @apollo/client and graphql. You can run npm install @apollo/client graphql.

How do I set up the ApolloProvider?

Wrap your application in the ApolloProvider component and pass the Apollo Client instance as a prop.

Can you show me a code example?

Sure! Here's a simple example:

import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';

const client = new ApolloClient({
  uri: 'https://your-graphql-endpoint.com/graphql',
  cache: new InMemoryCache(),
});

function App() {
  return (
    <ApolloProvider client={client}>
      <YourComponent />
    </ApolloProvider>
  );
}