0.0.3 • Published 6 months ago
common-hooks v0.0.3
common-hooks
常用 React 业务 Hooks
⛰️ 能力支持
1. 可靠的代码健壮
使用 Typescript 构建,提供完善的类型定义文件
2. 完善的文档能力
支持文档记录,支持 demo 演示
3. 完整的测试用例
配套完整的测试用例,帮助您提升项目健壮性
🌟 设计目的
在前端项目开发中,我们通常有着各种各样可以复用的业务场景,需要将重复的代码量转为可复用的开发工具,隐藏业务逻辑,提升开发效率。
通过以 React
为前端框架,React Hooks
作为核心产出,从 0 ~ 1 搭建一个前端业务 Hooks
库,从产品设计、框架选择、架构设计到最终的编码落地,通过一个完整的产品实现,解决提升代码复用的问题。
⚒️ 技术选型
包管理工具 -- pnpm
作为基础包,选择社区内更推崇的pnpm
作为包管理工具,主要原因有:
pnpm
安装速度更快,磁盘空间利用率高;pnpm
的lock
文件适用于多个单一子功能的模块,且能保证每个模块的依赖不耦合;- 打包产物清晰,打包后产物确保全部为静态站点资源;
构建工具 -- webpack & gulp
- 最终产物为多个基础子功能模块的耦合,选择
gulp
这种流程式的构建工具,能够更清晰的表达构建流程; - 选择常用的
webpack
作为构建产物的声明式接入方式;
静态文件打包工具 -- dumi
就目前前端社区而言,dumi
是当之无愧的为组件研发而生的静态站点解决方案;
测试工具 -- jest
jest
功能全面,资料丰富,能够很好地支撑原子化集合的工具函数;
其他
生成CHANGELOG
参考conventional-changelog-cli,全局安装conventional-changelog-cli
:
npm install -g conventional-changelog-cli
pnpm run changelog