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进行线框图和原型设计
Pivat生信分析系统
案例介绍
项目说明：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进行线框图和原型设计
案例图片
1小时精推人才
需求方专属客服，免费梳理匹配
