27 lines (21 loc) · 876 Bytes

WebSockets Demo

Converted minimal Socket.io chat app to React with Socket.io React doc and styled with Tailwind

Install and run

Run npm install in both backend and frontend folders
Run npm run dev in both backend and frontend folders
Open http://localhost:5173 in two tabs, enter a name and message to send via WebSocket

2026-05-19.13-46-04.mp4

Structure

backend
└── server.js
frontend
└── src
    ├── components
    │   ├── ChatForm.tsx
    │   ├── ConnectionManager.tsx
    │   ├── ConnectionState.tsx
    │   └── Messages.tsx
    ├── App.tsx
    └── socket.ts