Field selection in GraphQL - Step-by-Step Execution

Concept Flow - Field selection

Start Query

↓

Parse Query Fields

↓

Fetch Data for Each Field

↓

Assemble Response Object

↓

Return Selected Fields Only

GraphQL reads the query, fetches only the requested fields, and returns them in the response.

Execution Sample

GraphQL

query {
  user {
    id
    name
  }
}

This query asks for only the 'id' and 'name' fields of the 'user' object.

Execution Table

Step	Action	Field Processed	Data Fetched	Response State
1	Parse query	user	N/A	{}
2	Fetch field	id	123	{"user": {"id": 123}}
3	Fetch field	name	Alice	{"user": {"id": 123, "name": "Alice"}}
4	Assemble response	all fields	N/A	{"user": {"id": 123, "name": "Alice"}}
5	Return response	N/A	N/A	{"user": {"id": 123, "name": "Alice"}}

💡 All requested fields fetched and response assembled.

Variable Tracker

Variable	Start	After Step 2	After Step 3	Final
response	{}	{"user": {"id": 123}}	{"user": {"id": 123, "name": "Alice"}}	{"user": {"id": 123, "name": "Alice"}}

Key Moments - 2 Insights

Why does the response only include 'id' and 'name' fields?

Because the query explicitly requests only these fields, as shown in execution_table rows 2 and 3, GraphQL fetches and returns only what is asked.

What happens if a field is not requested in the query?

It is not fetched or included in the response, so it does not appear in the response object, as seen by the absence of other fields in the response state.

Visual Quiz - 3 Questions

Look at the execution_table, what is the response state after fetching the 'id' field?

A {}

B {"user": {"id": 123}}

C {"user": {"name": "Alice"}}

D {"user": {"id": 123, "name": "Alice"}}

💡 Hint

Check the 'Response State' column at Step 2 in the execution_table.

At which step does the response include both 'id' and 'name' fields?

A Step 3

B Step 2

C Step 4

D Step 1

💡 Hint

Look at the 'Response State' column in execution_table rows for Step 3 and Step 4.

If the query requested an additional field 'email', how would the response state change after Step 3?

A It would exclude 'name' and only include 'id' and 'email'.

B It would remain the same as only 'id' and 'name' are fetched.

C It would include 'email' along with 'id' and 'name'.

D It would cause an error and no response is returned.

💡 Hint

Refer to how fields are added step by step in the variable_tracker and execution_table.

Concept Snapshot

GraphQL Field Selection:
- Query specifies exactly which fields to fetch.
- Server fetches only requested fields.
- Response includes only those fields.
- Saves bandwidth and improves efficiency.
- Example: query { user { id name } } returns only id and name.

Full Transcript

In GraphQL, field selection means you write a query specifying exactly which fields you want from the data. The server reads the query, fetches only those fields, and sends back a response containing just them. For example, if you ask for 'id' and 'name' of a user, the server will get those two fields and return them. This saves data and makes responses faster. The execution table shows each step: parsing the query, fetching each field, assembling the response, and returning it. The variable tracker shows how the response object grows as fields are added. This helps beginners see how GraphQL returns only what is asked for.