Websocket-React-Chatroom

A Chatroom powered by React, Socket.io

Features

• Using React-Hooks to manage state
• Using Socket.io to receive real-time message

Getting Started

1. Clone this repo

2. Install dependencies

npm install

3. Try out

npm start

Demo

Live Demo

Preview

TODO

• Redux-like style state manage
• Log4js
• React-router
• Typescript
• Webpack-v4
• Test

Changelog

[2.2.0] / 2019-03-26

• Upgrade webpack to v4
• Add logs using log4js

[2.1.0] / 2018-12-11

• Refactor Message.js with useRef and useEffect

[2.0.0] / 2018-12-03

• React Hooks
• Eslint
• Prettier
• Travis-CI

[1.0.0] / 2017-02-15

• React state
• Socket.io
• Webpack-v2
• Expressjs