前后端俱全的 具有聊天功能的 react 项目

项目地址: 传送门4 可手动复制网址访问: github.com/MasterShu/r…

这个作品是本人近期才完成的, 使用的是 react 16.2 配合这 react-router 4.2.2 使用, 状态管理 redux 3.7 和 socket.io 2.0.4, 以及 express 4.16.2 和 UI 组件 antd-Mobil 2.1.3 都是最新的生产.

具体功能

由于完成时间较短, 所以功能基本没问题, 还是存在一些 bug 的, 所以正式环境慎用, 不过学习和新手参考还是很有价值的, 并且本项目 也是可以 服务端渲染, 来时实现首屏加速, 和 更好的 SEO 支持(其实这些本人并没有深究过, 不过有这方功能便是好的)

即时通讯

利用 socket.io 和 socket.io-client 做为 websocket 的开发库, 结合express 来实现即时聊天通讯, 并且内置了一些 emoji , 不过这个 PC浏览器支持不好, 用手机效果那是棒棒哒

登录/注册

这个是基本功能, 肯定是有的

后端开发

利用 express + MongoDB 开发服务器, 倒也是够得

所以使用本项目还需要你安装 MongoDB, 否则跑步起来^_^

服务端渲染

利用 babel-node 库来支付 react 的服务端渲染, 更好的支持优化

转载于:https://juejin.im/post/5a658d7bf265da3e4e25bf6a