聊天应用
使用React,Redux Toolkit,Socket.io和Tailwind CSS的聊天应用程序。
设置
安装依赖项
安装客户端和服务器的依赖项。
# in one terminal window
cd server && npm i
# in another terminal window
cd client && npm i
启动服务器
Express服务器正在维护Socket.io连接,将数据短期保留在内存中,并公开了用于访问永久数据的API。
# in /server
ReactSocket聊天
一个在React JS中使用socket.io开发的简单聊天应用程序
您可以在UI中添加其他CSS和改进。本教程的目的是使您能够在reactjs中使用socket.io开发实时聊天应用程序,因此UI几乎是最低限度的。
最终产品看起来像这样。
安装步骤
克隆
要运行服务器,请执行以下命令
cd ChatApp
cd server
npm install
npm start
要运行前端,请执行以下命令
cd ChatApp
cd frontend
npm install