距离taro-hooksv1.0.0发布已经过去将近一个月的时间。期间taro-hooks又发布了 6 个版本(其中包含三个修复补丁和 3 个小版本). taro-hooks基本保持着每周发布一个版本的频率在维护更新. 目前taro-hooks已经拥有 37+hooks可供使用。覆盖了将近 60%的官方api.

目前taro-hooks最新版本为v1.3.0.

概要

此次更新主要以小程序专属hook为主, 增加了常用hook如:

• useScanCode: 扫码相关
• useAuthorize: 授权、设置授权相关
• useLogin: 登录相关
• useUserInfo: 获取以及展示用户信息相关

其他

• 增加脚手架模板 增加了taro init初始化创建模板. 具体使用方式如下:

  // 确保node版本在12+
  $ node -v
  $ v12.22.1
  $ npx @tarojs/cli init taro-hooks-demo
  // 框架选择React
  $ ? 请选择框架 React
  // 模板源选择: github (确保可拉取到 taro-hooks 模板)
  $ ? 请选择模板源
  $   Gitee（最快）
  $ ❯ Github（最新）
  // 后面提示选择模板时: 选择 taro-hooks 模板
  $ ? 请选择模板
  $   mobx
  $   react-native
  $   redux
  $ ❯ taro-hooks（使用 taro-hooks 的模板）
  $   taro-ui（使用 taro-ui 的模板）
  // 后面等待安装成功, 运行对应端命令即可查看模板示例
  $ cd taro-hooks-demo
  $ yarn dev:weapp
  $ yarn dev:h5
  

• tree shaking 关于tree shaking是大家比较关心的一个问题. taro-hooks 的 js 代码默认支持基于 ES modules 的 tree shaking . 但你依然可以显式的使用babel-plugin-import去设置按需加载, 设置方式如下:

  // babel.config.js
  module.exports = {
    plugins: [
      [
        'import',
        {
          libraryName: 'taro-hooks',
          camel2DashComponentName: false,
        },
        'taro-hooks',
      ],
    ],
  };
  

更新日志

Bugfix & Improvment

• update useSystemInfo and useLaunchOptions (6c08d96)
• update useStorage to sync (18f96f4)
• fix useBattery ios level async problem (5c3d937)
• fix useVibrate interval to auto close (8e4808e)
• improve useUpdateManager behavior and app index check update (411684c)

Feature

• update taro version to 3.3.6(latest) (547080a)
• add useAccountInfo hook (cd8aa61)
• add useAuthorize hook (c0ec57c)
• add useLogin, useUserInfo hooks (fa74d86)
• add useScanCode hook (1a55a65)

更多更新日志请查看

推荐

有一个 idea, 也开始着手开发了, 就写一个前端的工具小网站. 目前实现了常用的图片压缩. 后面还会丰富更多常用的工具.
希望大家可以多多提issue、pr一起丰富!

• 网站地址
• GITHUB-general-tools