Rooms and namespaces in NestJS - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to join a client to a room in a NestJS WebSocket gateway.

NestJS

handleConnection(client: Socket) {
  client.[1]('room1');
}

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

AaddRoom

BjoinRoom

Cjoin

DconnectRoom

Attempts:

3 left

💡 Hint

Common Mistakes

Using a method that does not exist like 'joinRoom' or 'addRoom'.

The join method adds the client socket to a room.

2fill in blank

medium

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

NestJS

this.server.to('room1').[1]('message', 'Hello Room!');

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

Asend

Bbroadcast

Cdispatch

Demit

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'send' which is not the correct method for rooms in socket.io.

The emit method sends an event with data to clients in the specified room.

3fill in blank

hard

Fix the error in the code to broadcast a message to all clients except the sender in a room.

NestJS

client.[1].to('room1').emit('message', 'Hello others!');

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

Abroadcast

Bemit

Csend

Dto

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'emit' directly on client without 'broadcast' excludes no one.

The broadcast property allows sending to all clients except the sender.

4fill in blank

hard

Fill both blanks to create a namespace and listen for a connection event.

NestJS

const namespace = this.server.of('[1]');
namespace.on('[2]', (client) => {
  console.log('Client connected');
});

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

A/chat

Bconnection

Cconnect

D/game

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'connect' event instead of 'connection'.

Using namespace names without leading slash.

The of method creates or accesses a namespace by name (e.g., '/chat'). The event to listen for new clients is connection.

5fill in blank

hard

Fill all three blanks to emit a message to a room inside a namespace.

NestJS

const ns = this.server.of('[1]');
ns.to('[2]').[3]('event', 'data');

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

A/updates

Broom42

Cemit

Dsend

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'send' instead of 'emit'.

Missing the slash in namespace name.

First, get the namespace '/updates'. Then target the room 'room42'. Finally, use emit to send the event.