为了账号安全,请及时绑定邮箱和手机立即绑定

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

前几天有使用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://img1.sycdn.imooc.com//5d16f3100001c77f13500640.jpg

https://img1.sycdn.imooc.com//5d16f31000017c6e13500640.jpg

https://img1.sycdn.imooc.com//5d16f3100001a0b013500640.jpg

https://img1.sycdn.imooc.com//5d16f3110001f53313500640.jpg

https://img1.sycdn.imooc.com//5d16f31100010a1113500640.jpg

https://img1.sycdn.imooc.com//5d16f31100012d0313500640.jpg

https://img1.sycdn.imooc.com//5d16f31100016e1c13500640.jpg

https://img1.sycdn.imooc.com//5d16f3110001c79f13500640.jpg

https://img1.sycdn.imooc.com//5d16f3120001a6f713500640.jpg

https://img1.sycdn.imooc.com//5d16f3120001d75613500640.jpg

https://img1.sycdn.imooc.com//5d16f3120001ad0613500640.jpg

https://img1.sycdn.imooc.com//5d16f3120001367613500640.jpg

作者:xiaoyan2015

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



点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
28
获赞与收藏
92

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消