Coder Social home page Coder Social logo

react-small-chat's Introduction

基于React+Swoole前后端分离的Small-Chat项目

本人已经利用React脚手架搭建了一套适合自己的开发框架,里面包含了react-redux,react-router等,封装了一套ajax请求流程, 具体可以看目录src/core/中的call.js,界面采用react-ant,具体可以参考文档:https://ant.design/docs/react/introduce-cn。

注意

此项目是前后分离的,后台采用的swoole实现的,具体的地址请移步:https://github.com/LaravelChen/swoole_chat_framework

安装

npm install
npm run start

此处需要跑通需要将后台的swoole开启(具体步骤请查看swoole上面的链接),这样前端运行才能有效果。出现安装问题请提issue

1.项目效果

1.1 畅聊室

image image

1.2 私聊室

image image

此外,还有其他的加好友,消息推送等效果不演示了,可以自行下载安装使用,效果很好!

react-small-chat's People

Contributors

laravelchen avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

react-small-chat's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.