Yahoo Canada Web Search

Search results

1. github.com › apollographql › apollo-client[Data masking] Add option to enable data masking globally ...

   github.com › apollographql › apollo-client

   • Cached

   You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window.

2. www.apollographql.com › 08-apollo-client-setupApollo Client setup - GraphQL Tutorials - Apollo GraphQL

   www.apollographql.com › 08-apollo-client-setup

   • Cached

   We first need to install two packages: graphql and @apollo/client. graphql provides the core logic for parsing GraphQL queries. @apollo/client contains pretty much everything we need to build our client, including an in-memory cache, local state management, and error handling.

3. Videos

   • 

     24:28

     youtube.com

     Understanding Caching in Apollo Client 3

     Nov 18, 2021

     16.4K Views

   • 

     8:15

     youtube.com

     How To Use Apollo.Io | Step By Step Tutorial (2024)

     Nov 11, 2022

     74.1K Views

   • 

     7:08

     youtube.com

     Setting Up Apollo Client 3 with Nextjs

     Oct 7, 2021

     13.7K Views

   View all

4. www.apollographql.com › tutorials › client-sideApollo Client - GraphQL Tutorials - Apollo GraphQL

   www.apollographql.com › tutorials › client-side

   • Cached

   Apollo Client is a library that helps us make requests and manage data in our frontend applications using GraphQL. It comes with a powerful cache and state management capabilities that make it a natural partner for our React app!

5. www.apollographql.com › docs › reactGet started with Apollo Client - Apollo GraphQL Docs

   www.apollographql.com › docs › react

   • Cached

   • Setup. To start this tutorial, do one of the following: Create a new React project locally with Vite, or. Create a new React sandbox on CodeSandbox.
   • Install dependencies. Applications that use Apollo Client require two top-level dependencies: @apollo/client: This single package contains virtually everything you need to set up Apollo Client.
   • Initialize ApolloClient. With our dependencies set up, we can now initialize an ApolloClient instance. In main.jsx, let's first import the symbols we need from @apollo/client
   • Connect your client to React. 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.

6. blog.pixelfreestudio.com › how-to-use-apolloHow to Use Apollo Client for State Management in GraphQL Apps

   blog.pixelfreestudio.com › how-to-use-apollo

   • Cached

   This article explores how to use Apollo Client to manage state in your GraphQL apps, from fetching and caching remote data to handling local state, implementing reactive variables, and using Apollo’s built-in cache for seamless state updates.

7. dev.to › stephengade › how-to-consume-graphql-apiHow to Consume GraphQL API with Apollo Client in a Reactjs ...

   dev.to › stephengade › how-to-consume-graphql-api

   • Cached

   Apr 4, 2023 · Although there are many ways to work with a GraphQL API in Reactjs, such as using the Fetch method, React query, or Axios, we are not going to use any of these but rather, we'll be using Apollo Client from Apollo GraphQL.

8. People also ask

   How do I set up Apollo client?

   • We first need to install two packages: graphql and @apollo/client. graphql provides the core logic for parsing GraphQL queries. @apollo/client contains pretty much everything we need to build our client, including an in-memory cache, local state management, and error handling. We'll be using all three packages to set up Apollo Client.

   Apollo Client - GraphQL Tutorials

   www.apollographql.com/tutorials/client-side-graphql-react/04-apollo-client

   See all results for this question

   What dependencies do I need for Apollo client?

   • Applications that use Apollo Client require two top-level dependencies: @apollo/client: This single package contains virtually everything you need to set up Apollo Client. It includes the in-memory cache, local state management, error handling, and a React-based view layer. graphql: This package provides logic for parsing GraphQL queries.

   Get started with Apollo Client - Apollo GraphQL Docs

   www.apollographql.com/docs/react/get-started

   See all results for this question

   What is Apollo client?

   • @apollo/client contains pretty much everything we need to build our client, including an in-memory cache, local state management, and error handling. We'll be using all three packages to set up Apollo Client. As you'd expect, ApolloClient is the class that represents Apollo Client itself. We create a new client instance like so:

   Apollo Client - GraphQL Tutorials

   www.apollographql.com/tutorials/client-side-graphql-react/04-apollo-client

   See all results for this question

   What is Apollo client GraphQL?

   • Apollo Client is a state-management library that helps us make requests and manage data with GraphQL. Apollo Client is ready to help us with our first queries, so let's hook up our frontend app with the last piece we need before go-time: type-safety and codegen!

   Apollo Client - GraphQL Tutorials

   www.apollographql.com/tutorials/client-side-graphql-react/04-apollo-client

   See all results for this question

   Can Apollo client consume GraphQL endpoints?

   • Hint: If you've worked with React Query before, you probably have an idea of using Apollo Client to consume GraphQL endpoints because they have the same syntax and solving the same problem. Now, let's start! Run npx create next-app app-name to bootstrap a React project with Nextjs.

   How to Consume GraphQL API with Apollo Client in a Reactjs Application

   dev.to/stephengade/how-to-consume-graphql-api-with-apollo-client-in-a-reactjs-application-d1o

   See all results for this question

   How does Apollo client work with react GraphQL?

   • Although executing GraphQL operations directly like this can be useful, Apollo Client really shines when it's integrated with a view layer like React. You can bind queries to your UI and update it automatically as new data is fetched. Let's look at how that works! You connect Apollo Client to React with the ApolloProvider component.

   Get started with Apollo Client - Apollo GraphQL Docs

   www.apollographql.com/docs/react/get-started

   See all results for this question

9. github.com › apollographql › apollo-client[Data masking] Provide solution for TypeScript type ... - GitHub

   github.com › apollographql › apollo-client

   • Cached

   With the introduction of data masking throughout Apollo Client, there are some APIs that use both the masked result and the full result. For example, useMutation returns a data property that is masked, but the update callback receives the full unmasked result.