![](https://img-blog.csdnimg.cn/20191203111353983.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
react项目案例
文章平均质量分 74
基于react+react-dom+react-router-dom+redux+react-redux全家桶技术实现的实战案例。
xiaoyan_2018
整理H5笔记/项目实战案例,分享交流平时的一些真实项目开发过程和经验。
QQ:28231092 wx:xy190310
展开
-
极简非凡react hooks+arcoDesign+vite后台管理模板
最近捣鼓了一个vite4搭建react18后台模板,搭载了字节团队react组件库Arco Design,整体编译运行顺滑衔接。支持等功能。原创 2023-09-28 08:33:38 · 1184 阅读 · 0 评论 -
react18-webchat:基于react+arco+zustand仿微信客户端聊天实例
项目中使用到的对话框、美化滚动条组件都是基于react18自定义组件实现功能。// 引入对话框组件// 组件式调用<RDialogtitle="标题信息"content="对话框内容信息"closeabledragOutmaxminbtns={[{text: '取消', click: () => setConfirmVisible(false)},{text: '确定', click: handleInfo}]}/>// 函数式调用rdialog({原创 2023-09-12 11:08:24 · 2007 阅读 · 0 评论 -
Next/React聊天实例|next.js仿微信桌面端
Next-WebChat 基于Next.js+React.js仿微信网页聊天室基于next.js+react.js+redux+react-redux+antd+rlayer等技术构建的pc网页聊天实例。实现了消息|表情动图发送、图片|视频播放预览、拖拽|粘贴截图发送、红包|朋友圈等功能。技术栈使用技术:Next.js+React+Redux+React-Redux UI组件库:Antd (react的pc端组件库) 字体图标:阿里iconfont图标库 弹窗组件:RLayer原创 2020-12-27 10:52:40 · 1154 阅读 · 1 评论 -
React网页自定义弹层组件RLayer|react.js弹窗组件
基于React.js自定义PC端对话框组件RLayerRLayer 一款基于react.js开发的桌面端自定义交互式弹框组件。拥有丰富的接口及漂亮的皮肤。支持Alert、Dialog、Message、Notification、ActionSheet、Toast、Popover、Popconfirm等弹窗类型。RLayer.js组件在设计开发时有参考之前开发的VLayer组件。在功能及效果上保持一致。vue pc端弹框组件,可以去看看这篇文章。https://blog.csdn.net原创 2020-12-04 13:56:36 · 1767 阅读 · 0 评论 -
react仿微信聊天室|react即时聊天IM系统|react群聊
react+redux仿微信聊天IM实战|react仿微信界面|react多人群聊天室最近一直捣鼓react开发,就运用react开发了个仿微信聊天室reactChatRoom项目,基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+antdesign+wcPop等技术混合开发,实现了聊天记录界面下拉刷新、发送消息...原创 2019-06-21 21:04:48 · 9497 阅读 · 3 评论 -
react仿微信web版聊天室|仿微信客户端react版
基于react+react-dom+react-router-dom+redux+react-redux+webpack+nodeJs等技术混合开发的手机端仿微信界面聊天室——reactChatRoom,实现了聊天记录下拉刷新、发送消息、表情(动图),图片、视频预览,打赏、红包等功能。技术选型MVVM框架:react / react-dom 状态管理:redux / react-...原创 2019-06-29 12:45:21 · 6267 阅读 · 3 评论