Nested resolver execution in GraphQL

Introduction

Nested resolver execution helps get related data step-by-step, like asking for a book and then its author details.

When you want to fetch a main item and its related details in one request.

When you need to show a list of items, each with extra information from another source.

When your data has layers, like orders with products inside each order.

When you want to keep your code organized by separating how each piece of data is fetched.

Syntax

GraphQL

type Query {
  books: [Book]
}

type Book {
  title: String
  author: Author
}

type Author {
  name: String
}

const resolvers = {
  Query: {
    books: () => fetchBooks()
  },
  Book: {
    author: (book) => fetchAuthorById(book.authorId)
  }
};

Resolvers for nested fields run only when those fields are requested in the query.

Each nested resolver receives the parent object to help fetch related data.

Examples

This query asks for each book's title and the name of its author.

GraphQL

query {
  books {
    title
    author {
      name
    }
  }
}

This resolver fetches the author details for each book using the book's authorId.

GraphQL

const resolvers = {
  Book: {
    author: (book) => {
      return fetchAuthorById(book.authorId);
    }
  }
};

Sample Program

This example shows books with their authors. The nested resolver for author finds the matching author by ID.

GraphQL

type Query {
  books: [Book]
}

type Book {
  title: String
  author: Author
}

type Author {
  name: String
}

const booksData = [
  { id: 1, title: "The Sun", authorId: 101 },
  { id: 2, title: "Moonlight", authorId: 102 }
];

const authorsData = [
  { id: 101, name: "Alice" },
  { id: 102, name: "Bob" }
];

const resolvers = {
  Query: {
    books: () => booksData
  },
  Book: {
    author: (book) => authorsData.find(a => a.id === book.authorId)
  }
};

// Sample query
// {
//   books {
//     title
//     author {
//       name
//     }
//   }
// }

Important Notes

Nested resolvers run only if the nested field is requested in the query.

The parent object passed to a nested resolver contains the data fetched by the parent resolver.

Keep nested resolvers simple to avoid slow queries.

Summary

Nested resolver execution lets you fetch related data step-by-step.

Each nested resolver gets the parent data to find its related info.

Use nested resolvers to keep your GraphQL queries organized and efficient.

Practice

1. What is the main purpose of nested resolver execution in GraphQL?

easy

A. To convert GraphQL queries into SQL statements

B. To execute multiple queries in parallel without relation

C. To cache all data before sending a response

D. To fetch related data step-by-step using parent data

Solution

1. Step 1: Understand nested resolver role

   Nested resolvers use parent data to fetch related child data step-by-step.

2. Step 2: Compare other options

   Options B, C, and D describe unrelated or incorrect behaviors for nested resolvers.

3. Final Answer:

   To fetch related data step-by-step using parent data -> Option D

4. Quick Check:

   Nested resolver execution = step-by-step data fetch [OK]

Hint: Nested resolvers use parent info to get related data [OK]

Common Mistakes:

• Thinking nested resolvers run unrelated queries
• Confusing caching with resolver execution
• Assuming nested resolvers convert queries to SQL

2. Which of the following is the correct syntax for a nested resolver function in GraphQL?

easy

A. resolver(parent.id, fetchChildData)

B. fetchChildData(parent.id) => parent

C. parent => fetchChildData(parent.id)

D. child => parent.fetchData()

Solution

1. Step 1: Identify correct resolver signature

   Nested resolvers receive the parent object and use its fields to fetch related data, e.g., parent => fetchChildData(parent.id).

2. Step 2: Eliminate incorrect syntax

   Options B, C, and D do not follow the standard resolver function pattern.

3. Final Answer:

   parent => fetchChildData(parent.id) -> Option C

4. Quick Check:

   Nested resolver syntax = parent => fetchChildData(parent.id) [OK]

Hint: Nested resolver gets parent, then fetches child data [OK]

Common Mistakes:

• Reversing function parameters
• Using child as input instead of parent
• Incorrect arrow function placement

3. Given this GraphQL resolver snippet:

const resolvers = {
  User: {
    posts: (parent) => {
      return posts.filter(post => post.userId === parent.id);
    }
  }
};

What will User.posts return when called with parent = { id: 2 } if posts = [{id:1,userId:2},{id:2,userId:3},{id:3,userId:2}]?

medium

A. Error: posts is undefined

B. [{id:1,userId:2},{id:3,userId:2}]

C. []

D. [{id:2,userId:3}]

Solution

1. Step 1: Filter posts by parent.id

   The resolver filters posts where post.userId equals parent.id (2), so posts with userId 2 are selected.

2. Step 2: Identify matching posts

   Posts with id 1 and 3 have userId 2, so they are returned.

3. Final Answer:

   [{id:1,userId:2},{id:3,userId:2}] -> Option B

4. Quick Check:

   Filter posts by userId=2 = matching posts [OK]

Hint: Filter posts where userId matches parent.id [OK]

Common Mistakes:

• Returning posts with wrong userId
• Confusing parent.id with post.id
• Assuming empty result without checking data

4. Consider this nested resolver code:

const resolvers = {
  Author: {
    books: (parent) => {
      return books.filter(book => book.authorId = parent.id);
    }
  }
};

What is the error in this resolver?

medium

A. Using assignment '=' instead of comparison '===' in filter

B. Missing return statement in resolver

C. Incorrect resolver name 'books' instead of 'bookList'

D. Parent argument is not passed to resolver

Solution

1. Step 1: Identify filter condition mistake

   The filter uses '=' which assigns value instead of '===' which compares values.

2. Step 2: Understand impact of '=' in filter

   Using '=' causes all books to be included or unexpected behavior, not filtering correctly.

3. Final Answer:

   Using assignment '=' instead of comparison '===' in filter -> Option A

4. Quick Check:

   Filter condition must use '===' not '=' [OK]

Hint: Use '===' for comparison inside filter functions [OK]

Common Mistakes:

• Confusing '=' with '===' in conditions
• Forgetting to return filtered array
• Assuming resolver name must match data variable

5. You have a GraphQL schema with Author and nested books resolver. How would you optimize nested resolver execution to avoid fetching all books for each author individually?

hard

A. Batch book fetching using DataLoader to group requests by authorId

B. Fetch all books once and filter in each resolver call

C. Remove nested resolver and fetch books separately in client

D. Use multiple nested resolvers for each book field

Solution

1. Step 1: Understand nested resolver inefficiency

   Fetching books individually per author causes many database calls, slowing performance.

2. Step 2: Apply batching with DataLoader

   DataLoader batches requests by authorId, fetching all needed books in one query efficiently.

3. Final Answer:

   Batch book fetching using DataLoader to group requests by authorId -> Option A

4. Quick Check:

   Batching nested fetches = DataLoader usage [OK]

Hint: Use DataLoader to batch nested resolver database calls [OK]

Common Mistakes:

• Fetching all books every time wastes memory
• Removing nested resolver loses data relation
• Using multiple nested resolvers increases calls