In this guide, we'll walk through how to build a real-time commenting system using React, Node.js, and Socket.io. We'll show you how to build a list of comments fed from an API, create new comments, and broadcast comments in real-time to connected us...

Idris Olubisi

Ethereum

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Guide on building a real-time commenting app with Socket.io and React. Covers setting up the application, building the Node.js API server, creating comments in the server, creating the React app, styling the app, adding Socket.io for real-time communication, and using Knock for cross-channel notifications.

Building a real-time commenting app with Socket.io and React

Permalink Building our Node.js API server

Permalink Implementing our users and commenting endpoints

Permalink Creating our comments app in React

Permalink Adding Socket.io to our application for real-time communication between React and Node.js

Permalink Using Knock to send cross-channel notifications

<p>just don’t let real people use it, they don’t like nice things 💀</p>


<p>Really helpful！ Will try it right now</p>
