Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lmsail/react-im
🍃 React + antd3.x + Redux 实现网页版点对点IM(纯前端),一个因为兴趣使然而产生的项目
https://github.com/lmsail/react-im
antd im react redux redux-im
Last synced: 6 days ago
JSON representation
🍃 React + antd3.x + Redux 实现网页版点对点IM(纯前端),一个因为兴趣使然而产生的项目
- Host: GitHub
- URL: https://github.com/lmsail/react-im
- Owner: lmsail
- License: mit
- Created: 2020-03-20T07:45:18.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-26T18:20:07.000Z (almost 2 years ago)
- Last Synced: 2023-03-08T05:37:50.174Z (over 1 year ago)
- Topics: antd, im, react, redux, redux-im
- Language: JavaScript
- Homepage:
- Size: 70.9 MB
- Stars: 8
- Watchers: 0
- Forks: 2
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## 项目简介
React + antd3.x + Redux 网页版点对点IM,纯前端项目,数据为模拟数据,可以对接任意后端语言,虽然成熟项目很多,但是也不失为多一种选择(其实是当初为了学习React做的一个小DEMO~~)
给喜欢折腾的朋友多一种选择,当然作为一名后端仔开发的前端项目,可能对刚学习react的用户比较友好~后续也不会对接后端语言!!> 🔥 查看对接服务端后的 `完整IM`:[完整项目,请点击前往](https://github.com/lmsail/)
## 更新 2020-09-13
- [x] emjoy 表情
- [x] 消息收发纯前端模拟
- [x] 部分页面切换逻辑的梳理与优化## 更新 2020-10-20
- [x] 增加注册页
- [x] 修复消息置顶逻辑错误## 更新 2020-10-21
- [x] 修复了一处 `componentWillMount` 与 `componentDidMount` 混合使用导致的循环引用异常
## 安装
```shell
git clone https://github.com/lmsail/react-im.git
cd react-im
yarn install
yarn start
```## 功能
- [x] 会话列表
- [x] 会话窗口
- [x] 通讯录
- [x] 新的朋友(好友申请)
- [x] 好友搜索
- [x] 设置
- [x] 用户信息展示
- [x] 全屏切换
- [x] 登录
- [x] 注册
- [x] 退出## 预览
![预览1](https://github.com/lmsail/react-im/blob/master/preview/1.png)
![预览2](https://github.com/lmsail/react-im/blob/master/preview/2.png)
![预览3](https://github.com/lmsail/react-im/blob/master/preview/3.png)
![预览4](https://github.com/lmsail/react-im/blob/master/preview/4.png)
![预览5](https://github.com/lmsail/react-im/blob/master/preview/5.png)
![预览6](https://github.com/lmsail/react-im/blob/master/preview/6.png)
![预览7](https://github.com/lmsail/react-im/blob/master/preview/7.png)
![预览8](https://github.com/lmsail/react-im/blob/master/preview/8.png)