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

react全家桶仿微信聊天|react+redex聊天室实例

2019.06.22 00:45 1434浏览

react+react-router-dom+redux仿微信聊天项目|仿微信聊天室react版

前段时间就有使用vue开发过一版vue聊天室,最近一直在捣鼓react开发,就用react全家桶技术开发了个react版聊天室——reactWeChatRoom项目

采用react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的手机端仿微信界面聊天室——reactChatRoom,实现了聊天记录下拉刷新、发送消息、表情(动图),图片、视频预览,打赏、红包等功能。

二、技术栈

  • MVVM框架:react / react-dom

  • 状态管理:redux / react-redux

  • 页面路由:react-router-dom

  • 弹窗插件:wcPop

  • 打包工具:webpack 2.0

  • 环境配置:node.js + cnpm

  • 图片预览:react-photoswipe

  • 轮播滑动:swiper

https://img2.sycdn.imooc.com/5d0d08ab0001390b03750667.jpg

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

https://img4.sycdn.imooc.com/5d0d08ac0001ab1b03750667.jpg

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

https://img4.sycdn.imooc.com/5d0d08ab00014eb903750667.jpg

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

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

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

https://img2.sycdn.imooc.com/5d0d08ac000171cf03750667.jpg

https://img4.sycdn.imooc.com/5d0d08ac0001b80a03750667.jpg

https://img4.sycdn.imooc.com/5d0d08ac0001dcea03750667.jpg

https://img2.sycdn.imooc.com/5d0d08ac00018f5003750667.jpg

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

https://img4.sycdn.imooc.com/5d0d08ad0001c22103750667.jpg

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

https://img4.sycdn.imooc.com/5d0d08ad00011da703750667.jpg

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

作者:xiaoyan2015

https://blog.csdn.net/yanxinyun1990/article/details/93230368

本文为作者原创文章,转载请附上本文链接!


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

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

评论

相关文章推荐

正在加载中
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消