Real-time Applications with WebSockets and Socket.io

WebSocket Basics

WebSockets enable bidirectional communication.

Server Setup

const io = require('socket.io')(server);

io.on('connection', (socket) => {
  console.log('User connected');
  
  socket.on('message', (data) => {
    io.emit('message', data);
  });
  
  socket.on('disconnect', () => {
    console.log('User disconnected');
  });
});

Client Integration

import io from 'socket.io-client';

const socket = io('http://localhost:3000');

socket.on('message', (data) => {
  console.log(data);
});

socket.emit('message', { text: 'Hello' });