Full Socket.io and React.js Online Multiplayer Tic-Tac-Toe Game | Socket.io From Zero To Hero

Socket.io is an awesome library that provides a real-time event-driven connection between a client and server relying on Websockets and other protocols and approaches to guarantee the real-time capability and performance boost when it comes to handling thousands of socket connections and load balancing it on multiple servers. In this video, you'll learn Socket.io from scratch and understand the most important aspects behind socket.io that allows you to quickly develop Socket servers and create client-side applications using Javascript and React to connect to the server and communicate and exchange data throughout an event-driven mechanism, We will create a full Tic-Tac-Toe Multiplayer online game using Socket.io, Node.js, Express.js and React and make it work perfectly that you can use it among your friends and have a good time together playing XO. ⭐ Timestamps ⭐ 00:00:00 Getting started and what we'll build 00:03:20 Understanding how Socket.io works in a nutshell 00:09:40 Setting up Express Server Project and Installing dependencies 00:13:07 Creating our Socket.io server with Express 00:26:57 Setting up React client application with typescript 00:27:45 Connecting Socket Client to Socket.io server 00:33:04 Socket.io custom events (Emit and Listen) 00:36:59 Socket.io Rooms and joining custom rooms for our game 00:49:09 Allowing the user to type and join a custom game room 01:21:24 Creating our Tic Tac Toe game board 01:33:56 Update game board through sockets between multiplayers 01:53:08 Handling players turns when playing a game 01:57:37 Sending start game event when players are ready 02:08:32 Checking if one player has won the game 02:14:34 Sending Win status to other player 💻 Grab full Client/Server Source Code on Github: https://github.com/ipenywis/react-socketio-tic-tac-toe 🧭 Full MERN Website React Nodejs w/ GraphQL Tailwind and Docker From Zero To