Node.js+express+MongoDB+socket.io 做的一个即时聊天案例，

Node.js+express+MongoDB+socket.io 做的一个即时聊天案例，

说明

---

目录说明:

• config 配置目录
• public 公共资源文件目录
• scripts 框架自带js文件
• server 服务端文件

• src 客户端文件

  • component 组件文件
  • container 页面文件
  • redux 常量与redux文件
  • APP.js index.jx 入口文件
  • reducer.js 包含所有的reducer文件
  • store.js 包含store文件，扩展其它插件

---

演示图片

![Uploading file...]()

我是拿某款录屏gif软件录的，导致点击发送消息的时候，发送了两次，实际上只有一次，原因应该是服务端触发了两次广播，懒得改了。。。将就看吧！

---

项目包说明

antd

蚂蚁金服的react组件

按需加载流程

• 安装antd

`
npm install antd --save
`

• 暴露eject

npm run eject

• 安装babel-plugin-import

`
npm install babel-plugin-import --save
`

• 修改package.json如下代码

`
"babel": {

"presets": [
  "react-app"
]

}
`

`
"babel": {

"presets": [
  "react-app"
],
"plugins": [
  [
    "import",
    {
      "libraryName": "antd",
      "style": "css"
    }
  ]
]

}
`

react-router-dom

管理react路由

在浏览器使用需要引入

`
import {BrowserRouter, Route} from 'react-router-dom'
`

node-sass

使create-react-app支持sass

`
npm install node-sass --save
`

mongoose

管理MongoDB

react-redux

管理redux

redux-thunk

thunk中间件

utility

js加密库

bodyPaser

bodyPaser

cookiePaser

cookiePaser

brwoser-cookies

管理cookie

socket.io

提供socket服务端

socket.io-client

提供socket客户端

github地址：https://github.com/kavience/react-zhaopin