随笔分类 -  react+redux实战案例

摘要:一、项目介绍 next-webchat 基于Next.js+React.js+Redux+Antd+RScroll+RLayer等技术构建的PC桌面端仿微信聊天项目。实现了消息/表情发送、图片/视频预览、拖拽/粘贴图片发送、红包/朋友圈等功能。 二、技术实现 技术框架:next.js+react.j 阅读全文
posted @ 2020-12-27 10:01 xiaoyan2017 阅读(2108) 评论(0) 推荐(1) 编辑
摘要:基于React.js实现PC桌面端自定义弹窗组件RLayer。 前几天有分享一个Vue网页版弹框组件,今天分享一个最新开发的React PC桌面端自定义对话框组件。 RLayer 一款基于react.js开发的PC端自定义Layer弹出框组件。支持超过30+参数自由配置,通过轻巧的布局设计、极简的调 阅读全文
posted @ 2020-12-04 12:12 xiaoyan2017 阅读(3466) 评论(1) 推荐(1) 编辑
摘要:react+react-native+react-navigation+react-redux+react-native-swiper+rnPop等技术开发仿微信聊天室RN_ChatRoom,实现了app全屏启动页、popupWindow弹窗菜单、消息触摸列表、发送消息、表情(动图),图片预览,拍摄图片、发红包、仿微信朋友圈等功能 阅读全文
posted @ 2019-09-01 03:13 xiaoyan2017 阅读(11110) 评论(2) 推荐(1) 编辑
摘要:前序 纵观每个优质项目,无论web端还是native原生应用开发,弹窗都是不可忽视的一环,能很大程度上直接决定用户体验。如:微信、支付宝、ios都有很成熟的一套弹窗UI展示场景。 最近一直沉迷在react-native开发研究中,学习起来发现没有想象的难,不过也采坑了不少。鉴于之前有基于h5和小程序 阅读全文
posted @ 2019-08-03 03:41 xiaoyan2017 阅读(10625) 评论(2) 推荐(0) 编辑
摘要:一、项目介绍 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+nodejs等技术混合开发的仿微信web端聊天室reactWebChat项目,实现了聊天记录右键菜单、发送消息、表情(动图),图片、视频预览,浏览器截图粘贴发 阅读全文
posted @ 2019-06-29 12:27 xiaoyan2017 阅读(9288) 评论(5) 推荐(3) 编辑
摘要:一、项目概况 基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的手机端仿微信界面聊天室——reactChatRoom,实现了聊天记录下拉刷新、发送消息、表情(动 阅读全文
posted @ 2019-06-21 00:44 xiaoyan2017 阅读(6331) 评论(1) 推荐(0) 编辑

友情链接:web码农◆前端技术B站
点击右上角即可分享
微信分享提示