Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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(纯前端),一个因为兴趣使然而产生的项目

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)