sd-hooks
v0.2.0
Published
sd-Hooks
Downloads
7
Readme
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/[email protected]/dist/sd-hooks.js"></script>
; - npm 安装即可
npm i sd-hooks
静态文件打包工具 -- dumi
使用 dumi
静态站点解决方案 来生成说明文档
测试工具 -- jest
jest
功能全面,资料丰富,能够很好地支撑原子化集合的工具函数;