react+web版聊天室|仿微信web聊天react版|react实例开发

xiaoyan2015 · · 1975 次点击 · 开始浏览    置顶
这是一个创建于 的主题,其中的信息可能已经有所发展或是发生改变。

>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)

有疑问加站长微信联系(非本文作者)

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

1975 次点击  
加入收藏 微博
1 回复  |  直到 2019-07-23 15:49:49
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传