Method chaining on response in Express - Mini Project: Build & Apply

Method Chaining on Express Response

📖 Scenario: You are building a simple web server using Express.js. You want to send a response to the client that sets a status code, a header, and sends a message all in one smooth chain of commands.

🎯 Goal: Build an Express route handler that uses method chaining on the res (response) object to set the status code to 200, set the Content-Type header to text/plain, and send the text Hello, Express!.

📋 What You'll Learn

Create an Express app with a GET route at '/'

Use method chaining on the res object inside the route handler

Set the status code to 200 using status()

Set the Content-Type header to text/plain using set()

Send the response text Hello, Express! using send()

💡 Why This Matters

🌍 Real World

Web servers often need to send responses with specific status codes, headers, and body content. Method chaining on the response object makes this process smooth and readable.

💼 Career

Understanding Express response method chaining is essential for backend developers building APIs and web servers with Node.js and Express.

1

Set up Express app and route

Write code to import Express, create an app with express(), and add a GET route at '/' with a callback function that takes req and res parameters.

Express

const express = require('express');
const app = express();

// Your code here

Hint

Use require('express') to import Express. Then call express() to create the app. Use app.get('/', (req, res) => { }) to add the route.

2

Add status code configuration

Inside the GET route callback, use the res.status(200) method to set the HTTP status code to 200.

Express

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  // Set status code to 200
  // Your code here
});

Hint

Use res.status(200) to set the status code.

3

Chain setting the Content-Type header

Extend the method chain on res to add .set('Content-Type', 'text/plain') after setting the status code.

Express

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  // Chain setting Content-Type header
  // Your code here
});

Hint

Chain .set('Content-Type', 'text/plain') right after res.status(200).

4

Complete the response with send()

Complete the method chain by adding .send('Hello, Express!') to send the response text to the client.

Express

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  // Complete the chain with send()
  // Your code here
});

Hint

Add .send('Hello, Express!') at the end of the method chain.

Practice

1. What does method chaining on the Express res object allow you to do?

easy

A. Combine multiple response methods in one line for cleaner code

B. Run multiple server instances simultaneously

C. Chain database queries with response methods

D. Automatically restart the server on errors

Solution

1. Step 1: Understand method chaining concept

   Method chaining means calling multiple methods one after another on the same object.

2. Step 2: Apply to Express response object

   Express res allows chaining methods like status(), set(), and send() to write concise code.

3. Final Answer:

   Combine multiple response methods in one line for cleaner code -> Option A

4. Quick Check:

   Method chaining = Combine methods [OK]

Hint: Think of chaining like linking commands in one line [OK]

Common Mistakes:

• Confusing method chaining with running multiple servers
• Mixing database queries with response methods
• Assuming chaining restarts the server

2. Which of the following is the correct way to chain methods on the Express res object?

easy

A. res.set('Content-Type', 'text/plain').status(200).send('OK')

B. res.status(200).send('OK').set('Content-Type', 'text/plain')

C. res.send('OK').status(200).set('Content-Type', 'text/plain')

D. res.status(200); res.send('OK'); res.set('Content-Type', 'text/plain')

Solution

1. Step 1: Check method chaining order

   Methods like status() and set() return the res object, allowing chaining before send().

2. Step 2: Identify correct chain ending

   The chain must end with send() to send the response and finish the chain.

3. Final Answer:

   res.set('Content-Type', 'text/plain').status(200).send('OK') -> Option A

4. Quick Check:

   Chain ends with send() [OK]

Hint: Always end chain with send() or end() [OK]

Common Mistakes:

• Calling send() before setting status or headers
• Trying to chain after send()
• Using semicolons instead of chaining dots

3. What will be the output of this Express code snippet?

app.get('/', (req, res) => {
  res.status(404).set('Content-Type', 'text/plain').send('Not Found');
});

medium

A. Response with status 200 and body 'Not Found'

B. Syntax error due to incorrect chaining

C. Response with status 404 and empty body

D. Response with status 404 and body 'Not Found' with plain text content type

Solution

1. Step 1: Analyze method chain

   The code sets status to 404, sets content type header, then sends 'Not Found' as body.

2. Step 2: Understand response behavior

   The response will have status 404, header 'Content-Type: text/plain', and body 'Not Found'.

3. Final Answer:

   Response with status 404 and body 'Not Found' with plain text content type -> Option D

4. Quick Check:

   Status 404 + send body 'Not Found' [OK]

Hint: Status and headers set before send() affect response [OK]

Common Mistakes:

• Assuming default status 200 is sent
• Thinking body is empty
• Believing chaining causes syntax error

4. Identify the error in this Express response chaining code:

res.send('Hello').status(200).set('Content-Type', 'text/html');

medium

A. No error, code works fine

B. Cannot chain methods after send() because response is already sent

C. Missing semicolon after send()

D. set() method does not exist on res object

Solution

1. Step 1: Understand send() behavior

   Calling send() sends the response and ends it, so chaining after it is invalid.

2. Step 2: Identify chaining error

   Methods status() and set() cannot be called after send() because response is finished.

3. Final Answer:

   Cannot chain methods after send() because response is already sent -> Option B

4. Quick Check:

   send() ends response, no chaining after [OK]

Hint: send() ends response; no chaining after it [OK]

Common Mistakes:

• Thinking chaining after send() is allowed
• Confusing semicolon placement with chaining error
• Believing set() is not a valid method

5. You want to send a JSON response with status 201 and a custom header X-Custom set to Success. Which of the following chained methods is correct?

hard

A. res.status(201).send({ message: 'Created' }).set('X-Custom', 'Success');

B. res.status(201).json({ message: 'Created' }); res.set('X-Custom', 'Success');

C. res.set('X-Custom', 'Success').status(201).json({ message: 'Created' });

D. res.json({ message: 'Created' }).status(201).set('X-Custom', 'Success');

Solution

1. Step 1: Order methods correctly

   Set headers first, then status, then send JSON with json() method.

2. Step 2: Avoid chaining after response sent

   Methods after json() or send() won't work because response ends.

3. Final Answer:

   res.set('X-Custom', 'Success').status(201).json({ message: 'Created' }); -> Option C

4. Quick Check:

   Headers + status + json() in chain [OK]

Hint: Set headers and status before json() or send() [OK]

Common Mistakes:

• Chaining set() after send() or json()
• Sending response before setting headers
• Using multiple separate statements instead of chaining