内部即时通讯系统产品系统

该项目面向企业内部沟通和团队协作场景，主要用于解决成员之间实时沟通、消息记录管理、文件传输和历史消息查询等问题。传统沟通方式容易出现消息分散、历史记录查找困难、多人会话状态不同步等情况，因此项目希望通过 Web 端即时通讯系统，提供稳定、实时、可追溯的在线沟通能力，提升团队协作效率和消息处理体验。

项目主要功能模块包括：用户登录与身份状态管理、会话列表、房间/会话切换、实时消息收发、历史消息加载、未读消息状态、文件消息、消息回复、转发、编辑、删除、Socket 断线重连、token 刷新后自动重连、本地消息缓存、长列表虚拟滚动以及向上加载历史消息后的滚动位置恢复等。用户可以在不同会话中实时收发文本和文件消息，查看历史聊天记录，并在网络波动或页面刷新后保持较好的消息连续性和使用体验。

我主要负责该 IM 即时通讯系统前端核心功能开发，参与了从 0 到 1 的页面搭建、组件封装、状态管理、Socket 通信、本地缓存和性能优化工作。项目技术栈主要使用 React、Redux Toolkit / Context、Socket.IO / WebSocket、IndexedDB、react-virtuoso、MUI、Webpack 等。实现上通过 Socket.IO 处理实时消息收发、断线重连和 token 刷新后的连接恢复；通过 IndexedDB 缓存历史消息，并结合 TTL 和容量控制避免本地数据无限增长；通过 react-virtuoso 实现消息长列表虚拟渲染，减少大量 DOM 渲染带来的性能压力；同时处理了向上加载历史消息后的滚动锚点和位置恢复问题，保证用户查看历史消息时页面不会明显跳动。项目难点主要集中在实时通信稳定性、本地缓存一致性、长列表性能优化和复杂消息交互状态维护。