>react网页版聊天|仿微信、微博web版|react+pc端仿微信实例
>react版手机端聊天室:https://www.cnblogs.com/xiaoyan2017/p/11062316.html
#### 一、项目介绍
基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs等技术混合开发的仿微信web端聊天室reactWebChat项目,实现了聊天记录右键菜单、发送消息、表情(动图),图片、视频预览,浏览器截图粘贴发送等功能。
#### 二、技术选型
- MVVM框架:react / react-dom
- 状态管理:redux / react-redux
- 页面路由:react-router-dom
- 弹窗插件:wcPop
- 打包工具:webpack 2.0
- 环境配置:node.js + cnpm
- 图片预览:react-photoswipe
- 轮播滑动:swiper
![002360截图20190619223011310.png](https://static.studygolang.com/190629/c77f6b271e7109567aee4c4380f11bb8.png)
![004360截图20190619224021671.png](https://static.studygolang.com/190629/a0b0ff4ef98cbe260215aad7199cf038.png)
![005360截图20190619224311358.png](https://static.studygolang.com/190629/7c6ebb192ebff0238a057c89e1d9dbcc.png)
![007360截图20190619225205772.png](https://static.studygolang.com/190629/0a11dce1d5d8937fe0e09a717517fe10.png)
![008360截图20190619225655758.png](https://static.studygolang.com/190629/6e1c07a05e02f7249c0897d99d4d60f8.png)
![010360截图20190619230342187.png](https://static.studygolang.com/190629/2d0334d6dbbbe61439349558974d28e7.png)
![012360截图20190619231933711.png](https://static.studygolang.com/190629/a6f74b73cc76f9f9c71294a0a8d31189.png)
![014360截图20190619232415011.png](https://static.studygolang.com/190629/ad065cd31eb0b8b9471b38a75a0c6ef2.png)
![017360截图20190619232643033.png](https://static.studygolang.com/190629/d756dbdd16cc6527074746981d6bdf28.png)
——>>>欢迎一起交流学习 QQ:282310962 wx:xy190310
![20180817002157557.jpg](https://static.studygolang.com/180714/63c1a1a6b71b10e04afc44257318df64.jpg)