DEV Community

Cover image for Taro Hooks V1.3.0
阿酱
阿酱

Posted on • Edited on • Originally published at github.com

Taro Hooks V1.3.0

距离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-hooksjs 代码默认支持基于 ES modulestree shaking . 但你依然可以显式的使用babel-plugin-import去设置按需加载, 设置方式如下:
    // babel.config.js
    module.exports = {
      plugins: [
        [
          'import',
          {
            libraryName'taro-hooks',
            camel2DashComponentNamefalse,
          },
          '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, 也开始着手开发了, 就写一个前端的工具小网站. 目前实现了常用的图片压缩. 后面还会丰富更多常用的工具.
希望大家可以多多提issuepr一起丰富!

Top comments (0)