Learn the basics of WebSockets and Socket.IO while pairing your first real-time server with a React frontend. Everybody builds chat apps with Socket.IO these days yet messaging applications are only the tip of the iceberg. Think a moment about it: there are a million of other things you can build within the real-time domain. By Valentino Gagliardi.
One thing to keep in mind is that Socket.IO is not an WebSocket implementation. The authors state that “Socket.IO indeed uses WebSocket as a transport when possible, but a WebSocket client will not be able to connect to a Socket.IO server, and a Socket.IO client will not be able to connect to a WebSocket server”.
In the following post we will start with some basic concepts all the way through exploring what Socket.IO and React can do for us when paired together. By the end of the article you will build a super simple real-time application.
The article explains how what you need to know for building your own app:
- What a WebSocket is
- Requirements
- The WebSocket protocol, Node.js and Socket.IO
- Preparing the project
- Hands-on
- Designing the server
- Implementing the server
- Implementing the React client
… you will get also all the code wel explained. After this tutorial author suggests exploring Socket.IO’s documentation to learn more about Rooms, Namespaces and other API methods. Good read!
[Read More]