Broadcasting to rooms in Express - Step-by-Step Execution

Concept Flow - Broadcasting to rooms

Client connects

↓

Join room

↓

Server receives message

↓

Broadcast to room

↓

Clients in room receive message

Clients connect and join rooms. When a message is sent, the server broadcasts it only to clients in that room.

Execution Sample

Express

const io = require('socket.io')(3000);
io.on('connection', socket => {
  socket.on('join', room => {
    socket.join(room);
  });
  socket.on('message', msg => {
    io.to('room1').emit('message', msg);
  });
});

This code lets clients join 'room1' and broadcasts messages only to clients in 'room1'.

Execution Table

Step	Event	Socket ID	Room Joined	Message Received	Broadcast Action	Clients Receiving
1	Client A connects	A	-	-	-	-
2	Client A joins room	A	room1	-	-	-
3	Client B connects	B	-	-	-	-
4	Client B joins room	B	room1	-	-	-
5	Client C connects	C	-	-	-	-
6	Client C joins no room	C	-	-	-	-
7	Client A sends message 'Hello'	A	room1	Hello	Broadcast to room1	A, B
8	Client B sends message 'Hi'	B	room1	Hi	Broadcast to room1	A, B
9	Client C sends message 'Hey'	C	-	Hey	Broadcast to room1	A, B
10	Client C does not receive messages	C	-	-	-	-

💡 Broadcast only reaches clients in 'room1'; clients not in room do not receive messages.

Variable Tracker

Variable	Start	After Step 2	After Step 4	After Step 6	After Step 9
Socket A rooms	[]	[room1]	[room1]	[room1]	[room1]
Socket B rooms	[]	[]	[room1]	[room1]	[room1]
Socket C rooms	[]	[]	[]	[]	[]

Key Moments - 3 Insights

Why doesn't Client C receive messages even though it sends one?

Because Client C never joined 'room1', the server broadcasts only to 'room1' members (see execution_table row 9).

What happens if a client sends a message but is not in any room?

The message is broadcast only to the specified room, so clients outside that room do not get it (execution_table rows 9 and 10).

How does the server know which clients to send the message to?

The server uses the room name to send messages only to sockets that joined that room (execution_table rows 7 and 8).

Visual Quiz - 3 Questions

Look at the execution_table at step 7. Which clients receive the message?

A Clients A, B, and C

B Clients A and B

C Only Client A

D Only Client C

💡 Hint

Check the 'Clients Receiving' column at step 7 in the execution_table.

At which step does Client C join a room?

A Step 3

B Step 6

C Client C never joins a room

D Step 4

💡 Hint

Look at the 'Room Joined' column for Client C in the variable_tracker and execution_table.

If Client C joined 'room1' at step 6, how would the broadcast at step 9 change?

A Clients A, B, and C would receive the message

B Only Client C would receive the message

C No clients would receive the message

D Only Clients A and B would receive the message

💡 Hint

Consider the 'Socket C rooms' value in variable_tracker after step 6 and the broadcast behavior in execution_table.

Concept Snapshot

Broadcasting to rooms in Express with Socket.io:
- Server joins clients to rooms with socket.join('roomName')
- Server broadcasts with io.to('roomName').emit(event, data)
- Only clients in that room receive the message
- Clients not in the room do not get the broadcast
- Useful for group chats or segmented messaging

Full Transcript

This example shows how clients connect to a server using Socket.io in Express. Clients join rooms when the server calls socket.join with a room name. When a client sends a message, the server broadcasts it only to clients in that room using io.to(room).emit. Clients not in the room do not receive the message. The execution table tracks clients connecting, joining rooms, sending messages, and who receives broadcasts. The variable tracker shows which rooms each client belongs to at each step. Key moments clarify why clients outside the room don't get messages and how the server targets broadcasts. The visual quiz tests understanding of which clients receive messages and the effect of joining rooms. This method helps organize communication in groups or channels efficiently.