Why routing matters in Express - Visual Breakdown

Concept Flow - Why routing matters

Client sends HTTP request

↓

Express server receives request

↓

Check request URL and method

↓

Match route?

No→Send 404 Not Found

Yes↓

Run route handler function

↓

Send response to client

↓

End

This flow shows how Express uses routing to match requests to the right code, or sends a 404 if no match.

Execution Sample

Express

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

app.get('/hello', (req, res) => {
  res.send('Hello World');
});

app.listen(3000);

This code sets up a route that sends 'Hello World' when the client visits '/hello'.

Execution Table

Step	Request URL	Request Method	Route Matched	Action	Response Sent
1	/hello	GET	Yes (/hello)	Run handler: res.send('Hello World')	'Hello World'
2	/goodbye	GET	No	Send 404 Not Found	404 Not Found
3	/hello	POST	No	Send 404 Not Found	404 Not Found

💡 Routing stops when a matching route is found or 404 is sent if none match.

Variable Tracker

Variable	Start	After Step 1	After Step 2	After Step 3
request.url	undefined	/hello	/goodbye	/hello
request.method	undefined	GET	GET	POST
routeMatched	false	true	false	false
responseSent	false	true	true	true

Key Moments - 2 Insights

Why does the server send 404 for '/goodbye' even though the method is GET?

Because no route matches the URL '/goodbye' in the execution_table row 2, so Express sends 404.

Why does a POST request to '/hello' get 404 even though '/hello' route exists?

Because the route is defined only for GET method, so POST does not match (see row 3).

Visual Quiz - 3 Questions

Look at the execution table, what response is sent when the request URL is '/hello' and method is GET?

A Server Error

B 404 Not Found

C 'Hello World'

D Empty Response

💡 Hint

Check row 1 in the execution_table for URL '/hello' and method GET.

At which step does the routing fail to find a matching route?

A Step 1

B Step 2

C Step 3

D None

💡 Hint

Look at the 'Route Matched' column in execution_table rows 2 and 3.

If we add app.post('/hello', handler), how would the response change for POST '/hello'?

A Send 'Hello World'

B Still 404 Not Found

C Send 500 Server Error

D Send empty response

💡 Hint

Adding a POST route for '/hello' means POST requests match and run handler (see concept_flow).

Concept Snapshot

Express routing matches incoming requests by URL and method.
If a route matches, its handler runs and sends a response.
If no route matches, Express sends a 404 Not Found.
Routing ensures the right code runs for each request.
Without routing, server can't respond properly to different URLs.

Full Transcript

Routing in Express is how the server decides what code to run when it gets a request. When a client sends a request, Express looks at the URL and method. It checks if any route matches both. If yes, it runs the handler function for that route and sends back a response. If no route matches, Express sends a 404 Not Found error. This process is important because it organizes server code to respond differently to different URLs and methods. For example, a GET request to '/hello' can send a greeting, while other URLs or methods get 404. This keeps the server behavior clear and predictable.