sd-hooks

sd-hooks

⛰️ 能力支持

1. 可靠的代码健壮

使用 Typescript 构建，提供完善的类型定义

2. 完善的文档能力

支持文档记录，支持 demo 演示

3. 完整的测试用例

配套完整的测试用例，帮助您提升项目健壮性

🌟 设计目的

一是为了练习掌握 hooks 的使用，二是对一些业务常用的 hooks 进行沉淀。

从 0 ～ 1 手把手搭建一个前端业务 Hooks 库，从产品设计、框架选择、架构设计到最终的编码落地，通过一个完整的产品实现，解决如何提升代码复用的问题。

⚒️ 技术选型

包管理工具 -- pnpm

作为基础包，选择社区内更推崇的pnpm作为包管理工具，原因有：

• pnpm安装速度更快，磁盘空间利用率高；
• pnpm的lock文件适用于多个单一子功能的模块，且能保证每个模块的依赖不耦合；
• 打包产物清晰，打包后产物确保全部为静态站点资源；

构建工具 -- webpack & gulp

• 最终产物为多个基础子功能模块的耦合，选择gulp这种流程式的构建工具，能够更清晰的表达构建流程；
• 选择常用的webpack作为构建产物的声明式接入方式；
• 结合unpkg进行在线 dist 文件访问：https://unpkg.com/sd-hooks；

使用方法

• 直接引入dist文件，如<script src="https://unpkg.com/sd-hooks@0.1.0/dist/sd-hooks.js"></script>；
• npm 安装即可 npm i sd-hooks

静态文件打包工具 -- dumi

使用 dumi 静态站点解决方案 来生成说明文档

测试工具 -- jest

jest功能全面，资料丰富，能够很好地支撑原子化集合的工具函数；