react-im

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 8 Open GitHub ↗

🍃 React + antd3.x + Redux 实现网页版点对点IM（纯前端），一个因为兴趣使然而产生的项目

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## 项目简介
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)

react-im

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-im

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README