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

1

Socket.io

Our goal now is to add real-time support to our client and our server so that whenever a comment is posted, everyone viewing the comments page will receive the comment. This is where Socket.io is useful. We can add websocket support to our Node.js server, and have users connect to receive comments created in real-time.

#Developer Tools #App Development #Mobile Push Messaging 716 social mentions

2

React.run

We're going to bootstrap our React application using the excellent create-react-app, which is a library from the React team that makes it easy to start building a single-page application in React.

#Javascript UI Libraries #Front-End Frameworks #JS Library 175 social mentions

3

React

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 users using Socket.io.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions

4

ExpressJS

Express.js is a minimalist web framework for Node.js that provides a simple interface for building HTTP listeners as well as other functionality that makes it easy to build web applications in Node.js.

#JavaScript Framework #Node.js Framework #Web Frameworks 423 social mentions

5

date-fns

Next we're going to install any additional dependencies we need. In our case, we're just going to need date-fns which is a library that makes it trivial to work with datetimes in JavaScript.

#Javascript UI Libraries #Web Frameworks #JS Library 68 social mentions