序言
自毕业以来这三个月一直忙于工作和与朋友们的聚会,很久没有专注于学习开发技术和编写个人项目了。但我深知学习如逆水行舟,不进则退,因此下定决心不能再这样下去,我需要努力提升自己。正好之前一直有个想法,就是利用React配合Node.js开发一个项目。经过两天的时间进行技术选型和选择UI,确定好了方向,准备开始开发一个聊天室项目。这个项目对我来说更像是一次随心所欲的创作,一个记录我个人思考和实践的随笔。
技术选型
前端框架:使用React作为前端框架。
后端开发:Node.js。
数据库:MongoDB。
实时通信:实现实时聊天功能,需要使用WebSocket技术,例如使用Socket.IO库。
用户认证和授权:为了确保聊天室的安全性,我考虑实现用户认证和授权机制。
UI框架:为了提升开发效率和用户体验,我可以选择使用一些现成的UI框架,如Ant Design、Material-UI等,它们提供了丰富的UI组件和样式。
部署和托管:最后,我会考虑将项目部署到云平台(腾讯云),以便实现项目的持续部署和可扩展性。
搭建项目结构
文件目录为public和server,public下主要是存放react代码,server则是数据库以及nodejs代码
npx创建React项目
npx create-react-app chat-app
生成结构如下:
- typescript socketjs 聊天室 nodejs reacttypescript socketjs聊天室nodejs typescript nodejs tsx esm 前端typescript框架nodejs 金字typescript教程nodejs typescript对象 类型nodejs typescript常用 类型nodejs typescript workspace monorepo react typescript component strongly react typescript component generics react react typescript inference fixing