项目说明:Pivat是一套智能化生信分析及报告解读系统。主要用于对基因测序原始数据进行分析,得出并展示突变分析结果,并生成用药报告。
难点:数据量大、数据结构复杂、生成专业定制化的可视化图表
职责说明:主要承担需求分析、需求设计、原型设计和前端架构、开发等工作
使用技术:
1) 技术栈为React,以react hooks方法进行开发,引入react-router、@mui、redux、react-table等相关react库包
2) 兼并使用webpack、rollup和lerna进行项目工程化搭建和管理;
3) 架构上引入了webpack的Module Federation的微前端技术;并增加领域模型来分隔业务数据和视图展示数据
4) 使用metadata元数据配置方式对可变参数进行管理,增强其扩展性和维护性
5) 使用D3.js生成不同分析类型的可视化图表
6) 提取共用的组件库进行维护和管理,供多个项目并行使用,统一产品风格
7) 引入TypeScript提升代码的可读性及可维护性
8) 使用Figma进行线框图和原型设计