# react-im

**Repository Path**: qylcode/react-im

## Basic Information

- **Project Name**: react-im
- **Description**: 一个基于Create-react-app的即时通讯前端项目，包含客户页面，客服页面两部分
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 25
- **Created**: 2024-03-01
- **Last Updated**: 2024-03-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).

An instant messaging front end based on Create-React-App,React,Redux,React-Router4.+,Websocket,SockJS and STOMP.

<b>技术文档（Technical documentation）：</b><br>
<b>create-react-app</b><br>
doc:[https://facebook.github.io/create-react-app/docs/getting-started](https://facebook.github.io/create-react-app/docs/getting-started)<br>
github:[https://github.com/facebook/create-react-app/](https://github.com/facebook/create-react-app/)<br>
<b>兼容性（react-app-polyfill）</b><br>
doc:[https://facebook.github.io/create-react-app/docs/supported-browsers-features](https://facebook.github.io/create-react-app/docs/supported-browsers-features)<br>
github:[https://github.com/facebook/create-react-app/tree/master/packages/react-app-polyfill](https://github.com/facebook/create-react-app/tree/master/packages/react-app-polyfill)<br>
<b>react</b><br>
doc:[https://reactjs.org/docs/state-and-lifecycle.html](https://reactjs.org/docs/state-and-lifecycle.html)<br>
<b>react-redux</b><br>
doc:[https://react-redux.js.org/introduction/quick-start](https://react-redux.js.org/introduction/quick-start)<br>
<b>react-router 4.x</b><br>
doc:[https://reacttraining.com/react-router/web/guides/quick-start](https://reacttraining.com/react-router/web/guides/quick-start)<br>
github:[https://github.com/ReactTraining/react-router](https://github.com/ReactTraining/react-router)<br>
<b>sockjs</b><br>
github:[https://github.com/sockjs/sockjs-client](https://github.com/sockjs/sockjs-client)<br>
<b>stomp-client</b><br>
github:[https://github.com/JSteunou/webstomp-client](https://github.com/JSteunou/webstomp-client)<br>
<b>react-draggable</b><br>
github:[https://github.com/mzabriskie/react-draggable](https://github.com/mzabriskie/react-draggable)<br>
<b>emoji-mart</b><br>
github:[https://github.com/missive/emoji-mart](https://github.com/missive/emoji-mart)<br>
<b>快办网</b><br>
site:[http://www.kuaiban.com/](http://www.kuaiban.com/)<br>

游客页面示例：<br>
![img.png](https://gitee.com/51Bigod/react-im/raw/master/image.png)<br>
表情示例：<br>
![emoji.png](https://gitee.com/51Bigod/react-im/raw/master/emoji.png)<br>
文件上传下载示例：<br>
![download.png](https://gitee.com/51Bigod/react-im/raw/master/download.png)<br>
类似于微信PC端的图片浏览示例：<br>
![view-img.png](https://gitee.com/51Bigod/react-im/raw/master/view-img.png)<br>
客服页面示例：<br>
![server.png](https://gitee.com/51Bigod/react-im/raw/master/server.png)<br>