继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

react全家桶仿微信web版聊天室|仿微博网页版聊天

xiaoyan2015
关注TA
已关注
手记 34
粉丝 28
获赞 92

前几天有使用react技术开发过一版react手机端聊天室,最近一直在捣鼓react开发,就用react全家桶技术开发了个react+web版聊天室——reactWebChat项目

采用react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发,实现了聊天记录右键菜单、发送消息、表情(动图),图片、视频预览,截图发送等功能。

实现技术

  • MVVM框架:react / react-dom

  • 状态管理:redux / react-redux

  • 页面路由:react-router-dom

  • 弹窗插件:wcPop

  • 打包工具:webpack 2.0

  • 环境配置:node.js + cnpm

  • 图片预览:react-photoswipe

  • 轮播滑动:swiper

https://img.mukewang.com/5d16f3100001c77f13500640.jpg

https://img2.mukewang.com/5d16f31000017c6e13500640.jpg

https://img3.mukewang.com/5d16f3100001a0b013500640.jpg

https://img1.mukewang.com/5d16f3110001f53313500640.jpg

https://img4.mukewang.com/5d16f31100010a1113500640.jpg

https://img2.mukewang.com/5d16f31100012d0313500640.jpg

https://img3.mukewang.com/5d16f31100016e1c13500640.jpg

https://img2.mukewang.com/5d16f3110001c79f13500640.jpg

https://img4.mukewang.com/5d16f3120001a6f713500640.jpg

https://img.mukewang.com/5d16f3120001d75613500640.jpg

https://img1.mukewang.com/5d16f3120001ad0613500640.jpg

https://img3.mukewang.com/5d16f3120001367613500640.jpg

作者:xiaoyan2015

链接:https://blog.csdn.net/yanxinyun1990/article/details/94143575



打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP