Αποτελέσματα Αναζήτησης
First, install Apollo Server and the JavaScript implementation of the core GraphQL algorithms: npm install @apollo/server graphql. Then, write the following to server.mjs. (By using the .mjs extension, Node lets you use the await keyword at the top level.)
You connect Apollo Client to React with the ApolloProvider component. Similar to React's Context.Provider, ApolloProvider wraps your React app and places Apollo Client on the context, enabling you to access it from anywhere in your component tree. In main.jsx, let's wrap our React app with an ApolloProvider.
Run an instance of Apollo Server that lets you execute queries against your schema. This tutorial assumes that you are familiar with the command line and JavaScript and have installed a recent Node.js (v14.16.0+) version.
Apollo Client is a fully-featured caching GraphQL client with integrations for React, Angular, and more. It allows you to easily build UI components that fetch data via GraphQL.
Here’s an overview of the packages we installed: @apollo/client contains all the pieces needed to wire up the GraphQL client for our app. It exposes the ApolloClient, a provider to wrap around the React app called ApolloProvider, custom hooks such as useQuery, and much more.
There are two ways to install Apollo Server: Standalone: For applications that do not require an existing web framework, use the apollo-server package. Integrations: For applications with a web framework (e.g. express, koa, hapi, etc.), use the appropriate Apollo Server integration package. For more info, please refer to the Apollo Server docs.
Get started. Set up Apollo Client in your React app. This tutorial walks you through installing and configuring Apollo Client for your React app. For a more complete introduction to the entire Apollo platform, check out Odyssey, Apollo's new learning platform.
