马超云

腾讯星盘 - 低代码海报生成平台(https://fakeurl.com)

负责星盘系统 Web 端架构设计以及开发工作。

作为一个全新的项目，使用了目前 React 最新的技术栈：

• 使用 Next.js 以及 Typescript 作为开发框架和语言。
• 使用 Zustand，React Router 以及 React Query 等一系列最新周边生态工具。
• 使用 Radix UI 以及Tailwind.css 作为无样式组件库以及样式解决方案。

使用如下技术攻克一系列技术难题：

• 二次封装 React Virtualized 借助虚拟渲染的设计，提升大数据量渲染的性能问题。
• Formik 作为表单状态管理库，提升大表单数据的性能问题。
• 使用 Framer Motion 添加高质量的交互效果。
• 封装 Zustand 的功能实现状态的 Redo/Undo 功能。
• 通过 文件分片 / 分片生成 Hash / 合并请求 实现大文件上传以及断点续传。

主导和开发项目基础组件库 Ali components(https://github.com/fake)

• 使用 React 以及 Typescript 作为开发框架和语言。
• 设计为无样式 headless 组件库, 实现良好的可访问性。
• 高度自定义以及可组合式的 API 设计
• 使用 Jest 以及 React Testing Library 实现单测覆盖率大于 90%
• 结合 Github Actions 完成CI/CD 以及自动发布至内部 NPM

负责祥云内部管理系统的开发工作

• 使用 Next.js 进行开发
• 在 React-Admin 上进行二次封装
• 解决复杂权限配置问题