大宗交易平台。
1. 技术栈
React + Umi4 + TypeScript + qiankun 微前端 + Vue(审批流子系统)自定义 Hooks + Web Worker + IndexedDB + @tanstack/react-table + RabbitMQ
2. 项目描述
负责公司大宗贸易交易平台从 0 到 1 架构设计与核心研发,为大宗商品交易、期货行情、合同管理、订单流转、多级审批等业务提供完整线上化解决方案。项目采用微前端架构,实现多技术栈、多业务系统统一集成,系统承载高并发实时数据与海量交易记录,具备高可用、高性能、高扩展能力。
3. 技术要点
•
微前端架构落地:使用 qiankun 实现 React 主应用 + Vue 审批流子应用无缝集成,支持子系统独立开发、部署、迭代。
•
全量 TS + 大量自定义 Hooks 封装,提升代码复用率与可维护性。
•
高性能表格方案:基于 @tanstack/react-table 封装通用表格组件,支持大数据量虚拟滚动、高性能渲染。
•
前端极致优化:使用 Web Worker 分担主线程压力,结合 IndexedDB 缓存大量业务数据,减少重复请求,提升弱网 / 高并发场景体验。
•
基于 RabbitMQ 实现期货行情实时刷新、消息推送接入,保障交易场景时效性与通知触达。
赛淘APP
1. 技术栈
React Native + Expo + TypeScript + RabbitMQ
2. 项目描述
独立负责赛淘 APP 从架构设计、功能开发到打包发布的全流程,基于 Expo 构建跨平台应用,已正式发布上线并稳定运行,同时兼容 iOS 与 Android 双端。APP 面向大宗贸易与期货交易场景,深度整合实时行情、在线交易、合同审批、消息通知等核心业务,实现移动端业务闭环。
3. 核心功能
•
期货行情模块:基于 RabbitMQ + WebSocket 实现高并发、低延迟行情数据实时推送与刷新,确保交易数据毫秒级同步。
•
期货交易功能:支持下单、持仓、查询、风控等完整交易流程,界面流畅、数据严谨、交互稳定。
•
合同审批流程:实现移动端审批、流转、状态同步,与后台系统无缝打通,提升业务审批效率。
•
消息推送体系:基于 Expo 平台 实现在线通知 + 离线推送,确保关键业务消息稳定触达。
•
应用在线更新:自主实现热更新 / 在线升级能力,无需应用商店审核即可快速迭代版本。
3. 项目亮点
•
纯跨平台方案,使用 React Native + Expo 一套代码同时支撑 iOS、Android 双端,大幅降低开发与维护成本。
•
基于 Expo 完成应用签名、打包、发布、推送配置全流程,具备完整独立上线能力。
•
使用 RabbitMQ 实现期货行情高并发、低延迟实时推送,保证交易场景数据时效性。
•
实现消息离线推送、在线更新、数据缓存、异常捕获等工程化能力,APP 稳定性与用户体验达到线上产品标准。