Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wsdo/taro-kit
🏆✌️taro 小程序脚手架。 特性： 封装api、redux优雅集成、生成海报类，异常日志上报。 如果能帮到你，就给个 star😊
https://github.com/wsdo/taro-kit
react redux taro taro-kit xiaochengxu
Last synced: 3 months ago
JSON representation
🏆✌️taro 小程序脚手架。 特性： 封装api、redux优雅集成、生成海报类，异常日志上报。 如果能帮到你，就给个 star😊
- Host: GitHub
- URL: https://github.com/wsdo/taro-kit
- Owner: wsdo
- Created: 2018-09-25T07:43:11.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-11-30T11:21:48.000Z (almost 3 years ago)
- Last Synced: 2024-05-22T01:13:22.347Z (6 months ago)
- Topics: react, redux, taro, taro-kit, xiaochengxu
- Language: TypeScript
- Homepage: https://shudong.wang
- Size: 362 KB
- Stars: 695
- Watchers: 86
- Forks: 111
- Open Issues: 8
-
Metadata Files:
- Readme: readme.md
- Changelog: changelog.md
Awesome Lists containing this project
- awesome-taro - Taro 脚手架（特性： 封装 api、redux 优雅集成、异常日志上报）
- awesome - wsdo/taro-kit - 🏆✌️taro 小程序脚手架。 特性： 封装api、redux优雅集成、生成海报类，异常日志上报。 如果能帮到你，就给个 star😊 (TypeScript)
README
## 可以 watch 这个项目，有更新，及时知道
> 项目会不断迭代，有需求欢迎 issue 如果能帮到你，那就给个 star 呗！
> 1 年前输出了一套 taro-kit 脚手架，有不少人加我微信，咨询一些问题，这段时间把这个脚手架升级后，总结并录制了课程，希望能帮助到大家，提高效率，节约时间。
CLI 工具安装首先，你需要使用 npm 或者 yarn 全局安装@tarojs/cli，或者直接使用 npx:
```js
# 使用 npm 安装 CLI
$ npm install -g @tarojs/cli
# OR 使用 yarn 安装 CLI
$ yarn global add @tarojs/cli
# OR 安装了 cnpm，使用 cnpm 安装 CLI
$ cnpm install -g @tarojs/cli
```
## 项目更新：
> 2021年11月30日
- 更新@tarojs/taro到：3.3.15
- 添加海报生成插件：[taro-weapp-poster](https://github.com/Clycheng/taro-weapp-poster)
> 2021 年 02 月 03 日 星期三
- 更新依赖到：3.0.26
- 更新.eslintrc
- 添加 babel 配置
- 添加 global.d.ts
- 添加 tsconfig
- 添加 yarn.lock 文件
- 更新 config 文件
```
taro update project v版本号
```
> 
## 文章
- [【小程序 taro 最佳实践】http 请求封装（方便使用，增加 token，统一错误日志记录和上报）](https://segmentfault.com/a/1190000016533592)
- [【小程序 taro 最佳实践】异步 action 优雅实践(简化流程)](https://segmentfault.com/a/1190000016534001)
- [【taro 最佳实践】设置好基础开发字体尺寸](https://segmentfault.com/a/1190000016514478)
- [Taro 小程序，从 0 到 1 架构项目，打造自己的完美脚手架。 ](https://segmentfault.com/a/1190000019020009)
## 功能列表
- [x] 封装 api 请求方式
- [x] 更方便的创建 action：增加 createApiAction
- [x] 基础像素试着为 1 倍即：1px 会编译成 2rpx（小程序默认是 2 倍）符合习惯
- [x] 基础 demo 案列
- [x] 增加生成海报类
## 升级功能列表
- [x] 01.taro 从 0 到 1 项目架构课程介绍
- [x] 02.初始化项目流程介绍、目录设计
- [x] 03.让 alias 别名解决路径引用的烦恼
- [x] 04.请求 api 返回 redux 的状态流程
- [x] 05.封装 request get 请求，给 url 添加时间戳防止浏览器缓存
- [x] 06.封装 request post Content-Type 分类请求
- [x] 07.把 taro-advance 脚手架推送到私有仓库
- [x] 08.弱网请求失败时自动发起 api 重试
- [x] 09.异常日志上报封装设计思路
- [x] 10.异常日志上报封装，五种级别输出。
- [x] 11.上报收集日志平台系统介绍
- [x] 12.实战接入日志平台
- [x] 13.深度序列化错误 error 控制台上报
- [x] 14.登录流程讲解（前端和后端实现流程）
- [x] 15.登录实现详细讲解（token 附加到请求 header 头）
- [x] 16.用户授权后更新用户信息流程
- [x] 17.设计 createApiAction 自动 dispatch 优化开发体验
- [x] 18.改造 actionType 支持庞大业务
- [x] 19.Action 三种 ActionType 的集合
- [x] 20.简化 reducers 的 swich 繁琐操作
- [x] 21.增加 request 的状态
- [x] 22.课程总结
- [x] 23.添加 Prettier 格式化配置
> 这个可以让你的 Taro 小程序跑的更优雅一些
#### 升级后的项目仓库地址： 观看视频的同学加微信，发送你的 gitlab 账号，添加权限，你就看源代码了。
https://gitlab.com/itxishu/taro-advance.git
## 观看地址：segmentfault
#### 购买路径
在 https://shudong.wang 加我微信
https://segmentfault.com/ls/1650000018991514
## 适宜人群
- taro 小程序开发者
- 需要 taro 基础架构开发人员
## 课程说明
本次课程主要针对于，正在使用 taro 小程序框架的同学，通过课程，你可以学到，框架的 request 请求优雅封装，异常自动重试，日志异常上报， redux 的三剑客优雅的配合使用， reducer 的 swich 简化繁琐操作，增加 state 的请求前，请求成功和失败的状态等。从开始架构足以支撑庞大业务小程序项目
课程有问题可以在 https://shudong.wang 我的博客扎到我，添加微信咨询
#### 有问题加微信问吧
https://www.shudong.wang/about