Broadcasting to rooms in Express - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to send a message to all clients in a specific room.

Express

io.to('[1]').emit('message', 'Hello room!');

Drag options to blanks, or click blank then click option'

Asocket

Bbroadcast

Cclient

Droom1

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'socket' or 'client' instead of the room name.

Using 'broadcast' which sends to all except the sender.

The to method targets a specific room by its name, here 'room1'.

2fill in blank

medium

Complete the code to join a client socket to a room named 'chatroom'.

Express

socket.[1]('chatroom');

Drag options to blanks, or click blank then click option'

Ajoin

Bto

Cemit

Dleave

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'leave' which removes the socket from a room.

Using 'emit' which sends messages but does not join rooms.

The join method adds the socket to the specified room.

3fill in blank

hard

Fix the error in broadcasting a message to all clients except the sender.

Express

socket.[1].emit('message', 'Hello everyone!');

Drag options to blanks, or click blank then click option'

Ajoin

Bto

Cbroadcast

Demit

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'to' which targets a specific room.

Using 'emit' directly which sends only to the sender.

The broadcast property sends to all clients except the sender.

4fill in blank

hard

Fill both blanks to broadcast a message to a specific room excluding the sender.

Express

socket.[1].to('[2]').emit('message', 'Hi room!');

Drag options to blanks, or click blank then click option'

Abroadcast

Bjoin

Croom1

Demit

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'join' instead of 'broadcast' for the first blank.

Using 'emit' as a property instead of a method.

Use socket.broadcast.to('room1') to send to all in 'room1' except the sender.

5fill in blank

hard

Fill all three blanks to create a dictionary of room names and their client counts.

Express

const counts = { [1]: await io.in('[2]').allSockets().then(sockets => sockets.size), [3]: 0 };

Drag options to blanks, or click blank then click option'

AroomA

CroomB

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing room names between keys and values.

Using non-string keys or values.

This code counts clients in 'roomA' and initializes 'roomB' count to zero.

Practice

1. What is the main purpose of broadcasting to rooms in Express with Socket.IO?

easy

A. To send messages to specific groups of connected clients

B. To store user data permanently on the server

C. To create new HTTP routes automatically

D. To increase server CPU usage

Solution

1. Step 1: Understand broadcasting concept

   Broadcasting to rooms means sending messages only to clients in a specific group or room.

2. Step 2: Identify purpose in Socket.IO

   Socket.IO uses rooms to organize clients so messages can be sent efficiently to those groups.

3. Final Answer:

   To send messages to specific groups of connected clients -> Option A

4. Quick Check:

   Broadcasting to rooms = targeted messaging [OK]

Hint: Rooms group clients for targeted messages [OK]

Common Mistakes:

• Thinking rooms store data permanently
• Confusing rooms with HTTP routes
• Assuming rooms increase CPU usage

2. Which of the following is the correct syntax to send a message to all clients in a room named chatroom using Socket.IO's io object?

easy

A. io.to('chatroom').emit('message', 'Hello everyone!');

B. io.emit.to('chatroom')('message', 'Hello everyone!');

C. io.in('chatroom').send('message', 'Hello everyone!');

D. io.room('chatroom').emit('message', 'Hello everyone!');

Solution

1. Step 1: Recall correct method chaining

   Socket.IO uses io.to(room).emit(event, data) to send messages to a room.

2. Step 2: Check each option's syntax

   io.to('chatroom').emit('message', 'Hello everyone!'); matches the correct syntax exactly; others have incorrect method order or names.

3. Final Answer:

   io.to('chatroom').emit('message', 'Hello everyone!'); -> Option A

4. Quick Check:

   Use io.to(room).emit() for room broadcast [OK]

Hint: Use io.to(room).emit() to broadcast [OK]

Common Mistakes:

• Using io.emit.to() instead of io.to().emit()
• Using io.in().send() which is invalid
• Using io.room() which does not exist

3. Consider this code snippet using Socket.IO:

socket.join('room1');
io.to('room1').emit('greet', 'Hi Room 1!');

What will happen when this code runs?

medium

A. No clients receive the event because of syntax error

B. All connected clients receive the 'greet' event

C. Only the client who joined 'room1' receives the 'greet' event

D. Only clients in 'room1' receive the 'greet' event

Solution

1. Step 1: Understand socket.join()

   The socket.join('room1') adds the current client to the room named 'room1'.

2. Step 2: Analyze io.to('room1').emit()

   This sends the 'greet' event to all clients currently in 'room1'.

3. Final Answer:

   Only clients in 'room1' receive the 'greet' event -> Option D

4. Quick Check:

   io.to(room).emit() targets room clients only [OK]

Hint: io.to(room).emit() sends to all in that room [OK]

Common Mistakes:

• Thinking all clients get the event
• Assuming only the joining client gets the event
• Believing syntax error prevents sending

4. Identify the error in this Socket.IO code snippet:

socket.join('roomA');
io.to('roomA').emit('update', 'New data');
socket.leave('roomA');
io.to('roomA').emit('update', 'More data');

medium

A. The second emit will not reach any clients because the socket left the room

B. The code will throw a runtime error on socket.leave()

C. Clients in 'roomA' will receive both 'update' events

D. The first emit will not send because socket.join() is asynchronous

Solution

1. Step 1: Understand socket.join() and leave()

   Joining and leaving rooms affects only the current socket, not others in the room.

2. Step 2: Analyze emits after leave()

   Even after the socket leaves, other clients in 'roomA' still receive the second emit.

3. Final Answer:

   Clients in 'roomA' will receive both 'update' events -> Option C

4. Quick Check:

   Leaving room affects only that socket, others still get messages [OK]

Hint: Leaving room affects only that socket, not all clients [OK]

Common Mistakes:

• Assuming no clients get second emit
• Expecting runtime error on leave()
• Thinking join() is asynchronous and blocks emit

5. You want to send a message to all clients in multiple rooms: room1 and room2. Which code correctly broadcasts to both rooms without sending duplicate messages to clients in both rooms?

hard

A. io.to('room1').emit('notice', 'Hello!'); io.to('room2').emit('notice', 'Hello!');

B. io.to('room1').to('room2').emit('notice', 'Hello!');

C. io.in('room1, room2').emit('notice', 'Hello!');

D. io.to(['room1', 'room2']).emit('notice', 'Hello!');

Solution

1. Step 1: Understand chaining to() calls

   Chaining io.to('room1').to('room2') sends to clients in either room without duplicates.

2. Step 2: Analyze other options

   io.to(['room1', 'room2']).emit('notice', 'Hello!'); is invalid syntax; io.in('room1, room2').emit('notice', 'Hello!'); sends to a single room named 'room1, room2'; io.to('room1').emit('notice', 'Hello!'); io.to('room2').emit('notice', 'Hello!'); sends separately causing duplicates for clients in both rooms.

3. Final Answer:

   io.to('room1').to('room2').emit('notice', 'Hello!'); -> Option B

4. Quick Check:

   Chain io.to(room) to broadcast to multiple rooms without duplicates [OK]

Hint: Chain io.to(room) calls to avoid duplicate messages [OK]

Common Mistakes:

• Using array inside io.to() which is invalid
• Sending separate emits causing duplicates
• Using comma-separated room names like 'room1, room2'