方土居

作品 / Works / 工程

Kool UI

一套覆盖开发、测试、文档与发布流程的 React UI 组件库

ReactTypeScriptDumiRollup

项目概览

第五届字节跳动青训营团队项目。我们希望按真实开源组件库的工程标准,完成从组件设计与实现,到测试、文档、构建与发布的完整链路。

核心能力

技术栈

typescript+react+dumi+rollup

过程

使用 React、TypeScript 与 SCSS 实现组件,以 Dumi 承载文档与示例,Rollup 输出 CJS / ESM 与类型声明;通过 Jest、ESLint、Stylelint、Prettier、Commitlint、Husky 与 CI/CD 约束开发和交付流程。

成果

完成并发布 @kool-kool/kool-ui npm 包与在线文档。在第五届字节跳动青训营项目开发中获得第 4 名(4/39),获「码如磐石奖」。

反思

复盘

这个项目让我第一次以维护公共库的视角看前端工程。API、类型、测试、文档、代码规范与发布流程都需要一起设计,最终目标是让组件能够被稳定使用和持续维护。