Example 15: Multi-User Chat

How It Works

WebSocket Server – Manages real-time connections and broadcasts messages to all clients.

Web Worker – Processes messages in the background (timestamp, validation) without blocking the UI.

Multi-User Sync – User list and messages automatically sync across all connected clients.

// Connect to WebSocket
ws.onmessage = (e) => {
  const msg = JSON.parse(e.data);
  if (msg.type === 'message') {
    displayMessage(msg);
  }
};

Try it: Open this page in multiple tabs/windows to see real-time synchronization in action.