简单的运用React + Redux + Socket.io + Material-UI开发一个小型聊天室

简单的运用React + Redux + Socket.io + Material-UI开发一个小型聊天室(适合新手当作入门学习)

JavaScript 其它杂项

访问GitHub主页

共40Star

详细介绍

Chat Room

Using React + Redux + Socket.io + Material-UI to implement a chat room.

DEMO

img

Features:

  1. Show online users
  2. Change message box color
  3. Leave chat room/Clear messages

Getting Started

To execute the project, you have to do is:

Install dependencies

$ yarn

node js should be installed first, and then use npm install -g yarn command to install yarn.

Launch a web server to develop

$ yarn start

It will serve with hot reload at http://localhost. The default port 80 can be modified in server.js.

Build for production with minification

$ yarn build

The minify files will be built to dist/.

推荐源码