react-pp-tools

公共方法库

将公共方法从组件库中分离，这样非北极星项目也可以使用了

核心功能

• hooks 额外钩子
  • useMediaQuery 媒体查询钩子
  • useVisibleChange 类似小程序onShow
  • useDraft 草稿箱，检查是否发生变化
  • useWatch 类似vue的watch
  • useCallbackWithLoading 异步的useCallback
  • useCommonSkeleton 公共骨架屏
  • useValidate 字段校验（校验时机为字段变更）
  • useMultiValidate 多字段校验（校验时机为字段变更）
• utils 额外方法
  • uploadFilesToOss 多图上传方法
  • Command 简易版命令系统
  • math
    • formatNumberWithCommas 千分位处理同时保留两位小数
    • plus 浮点数相加

开发环境

node v16.14.0

如何使用

安装

安装最新版本

npm i react-pp-tolls -S

hooks使用

访问hooks使用文档查看hooks如何使用

开发规范

开发前准备 为了统一编码风格，项目引入了eslint和prettier，如需贡献请先安装编辑器prettier和eslint插件

typescript

1. TS开发可以参考文章《如何正确使用TS》（英文）

git

1. git提交参考Angular提交信息规范

文件目录

• dist npm包的内容
• hooks 公用hooks文件，不与Polaris强关联，后期打包后也可以用于woocommerce
• utils 公共工具，同hooks
• docs hooks文档

如何发布 代码提交后命令行执行npm run release:auto即可自动打tag，发布