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

For WINDOWS

npm install might fail.

View detail with this pull request

• Try Out

npm run start:CE

Demo

Live Demo

Preview

TODO

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

Changelog

[3.1.0] / 2019-12-30

• Add cross-env package to support WINDOWS

[3.0.0] / 2019-11-19

• Refactor with Typescript

[2.2.1] / 2019-05-10

• Upgrade tar to 4.4.8 due to github security alerts
• Upgrade React and React-Dom to 16.8.6

[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