/temptaro

Taro应用模版，内置了一些比较常用及有价值的生态工具

Primary LanguageTypeScript

注意事项

  • h5环境使用useRouter取到的params需要自行decode，其他环境及this.location内部已decode过了，或者使用hooks.ts内的useRouter
  • 如果自己在函数式组件内调用useDidShow，需要在方法内包裹一层nextTick方法，否则Taro的生命周期里面会先执行useDidShow，再执行useEffect(() => {//后执行}, [])，或者使用hooks.ts内的useDidShow

Taro项目模版

目前支持微信、支付宝、抖音、快手、百度小程序；支持H5

代码规范

  • 默认集成了 prettier eslint stylelint 解决编码规范问题
  • 默认集成了 commitlint commitizen 解决commit规范问题
  • 默认集成了 husky lint-staged 解决了commit之前自动校验代码规范

开发效率

  • 使用Unite库以空间换时间的方案加快研发速度，同时保证TS类型安全
  • action层使用@antmjs/api实现根据TS类型自动生成action逻辑，保证类型安全
  • action层也可以使用yarn swagger自动根据服务端的swagger api 自动生成action逻辑，保证类型安全
  • 自动埋点
  • 自动收集异常
  • 自动处理异常
  • 自动处理pullDownloadRefresh
  • 快速使用自定义导航
  • 快速支持事件抖动
  • 二次封装了部分频繁使用的组件

使用

  1. 执行yarn rapper自动生成action层代码(需要的话)
  2. 执行yarn swagger自动根据服务端swagger api生成action层代码(需要的话)
  3. 需要引入iconfont可以执行 yarn iconfont 会自动生成src/iconfont.less
  4. yarn
  5. yarn watch:weapp(package.json里面填写对应环境的appId)

如果需要添加告警机制

  1. 将_antm.config.js 改成 antm.config.js
  2. 更新antm.config.js里面的webhooks.url的access_token
  3. 将.husky/pre-commit里面的npx antm-warning webhooks 注释取消

执行顺序 useDidShow 优先于useEffect执行

  • app show

  • app launch

  • index com show

  • index page show

  • index com load

  • index page load

  • index com hide

  • index page hide

  • second com show

  • second page show

  • second com load

  • second page load

  • index com show

  • index pageshow

  • second page unload

  • second com unload