Queries Mutations and Fragments

Queries Mutations and Fragments
Queries
Fetching data in a simple, predictable way is one of the core features of Apollo Client. Queries are used to fetch GraphQL data attach the result to your UI. In frontend mobile and dashboard we have written multiple queries in mobile app located in enatega-multivendor-app/src/apollo/client.js and enatega-multivendor-app/src/apollo/server.js in Dashboard Queries are located in enatega-multivendor-admin/src/apollo/server.js As an example look into enatega-multivendor-app/src/apollo/client.js and the constant getNotifications the query is written as 
1
query GetNotifications{
2
    notifications{
3
    _id
4
    order
5
    status
6
    }
7
}
Copied!
On line 1 GetNotifications is the query name for the frontend while on line 2 notifications is the query name for backend. The parameters written inside notifications are output parameters they will be returned by the GraphQL endpoint.
Now let's take a look at another example this time we are going to pass some parameters as input to a query. The constant foods is a simple example for this located at enatega-multivendor-app/src/apollo/server.js 
1
query FoodByCategory($category:String!){
2
    foodByCategory(category:$category){
3
    _id
4
    title
5
    description
6
    variations{
7
        _id
8
        type
9
        price
10
    }
11
    category{_id}
12
    img_url
13
    likes
14
    liked
15
    }
16
}
Copied!
On line 1 FoodByCategory is the query name for the frontend we are passing a String where it's variable name is category $ sign is used for variable name while ! is used for required field. On line 2 foodByCategory is the query name for the  backend

API SERVER - Previous

Routes

Next - API SERVER

Resolvers

Last modified 1yr ago

Copy link

Contents

Queries Mutations and Fragments

Queries