GithubHelp home page GithubHelp logo

8pig / taro-kit Goto Github PK

View Code? Open in Web Editor NEW

This project forked from wsdo/taro-kit

0.0 0.0 0.0 369 KB

🏆✌️taro 小程序脚手架。 特性: 封装api、redux优雅集成、生成海报类,异常日志上报。 如果能帮到你,就给个 star😊

Home Page: https://shudong.wang

JavaScript 19.16% HTML 6.56% TypeScript 71.19% SCSS 3.09%

taro-kit's Introduction

可以 watch 这个项目,有更新,及时知道

项目会不断迭代,有需求欢迎 issue 如果能帮到你,那就给个 star 呗!

1 年前输出了一套 taro-kit 脚手架,有不少人加我微信,咨询一些问题,这段时间把这个脚手架升级后,总结并录制了课程,希望能帮助到大家,提高效率,节约时间。

CLI 工具安装首先,你需要使用 npm 或者 yarn 全局安装@tarojs/cli,或者直接使用 npx:

# 使用 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 年 05 月 27 日 星期四

2021 年 02 月 03 日 星期三

  • 更新依赖到:3.0.26
  • 更新.eslintrc
  • 添加 babel 配置
  • 添加 global.d.ts
  • 添加 tsconfig
  • 添加 yarn.lock 文件
  • 更新 config 文件

更新生产依赖包:

  • @babel/runtime: ^7.7.7,
  • @rematch/core: ^1.4.0,
  • @rematch/loading: ^1.2.1,
  • @tarojs/components: 3.0.26,
  • @tarojs/react: 3.0.26,
  • @tarojs/runtime: 3.0.26,
  • @tarojs/taro: 3.0.26,
  • react: ^16.10.0,
  • react-dom: ^16.10.0,
  • react-redux: ^7.2.0,
  • redux: ^4.0.0,
  • redux-logger: ^3.0.6,
  • redux-thunk: ^2.3.0,
  • taro-ui: ^3.0.0-alpha.3

更新开发依赖包

  • @babel/core: ^7.8.0,
  • @tarojs/mini-runner: 3.0.26,
  • @tarojs/webpack-runner: 3.0.26,
  • @types/react: ^16.0.0,
  • @types/react-redux: ^7.1.9,
  • @types/webpack-env: ^1.13.6,
  • @typescript-eslint/eslint-plugin: ^2.x,
  • @typescript-eslint/parser: ^2.x,
  • babel-preset-taro: 3.0.26,
  • eslint: ^6.8.0,
  • eslint-config-taro: 3.0.26,
  • eslint-plugin-import: ^2.12.0,
  • eslint-plugin-react: ^7.8.2,
  • eslint-plugin-react-hooks: ^1.6.1,
  • stylelint: 9.3.0,
  • typescript: ^3.7.0
taro update project v版本号

20210122111946

文章

功能列表

  • 封装 api 请求方式
  • 更方便的创建 action:增加 createApiAction
  • 基础像素试着为 1 倍即:1px 会编译成 2rpx(小程序默认是 2 倍)符合习惯
  • 基础 demo 案列
  • 增加生成海报类

升级功能列表

  • 01.taro 从 0 到 1 项目架构课程介绍
  • 02.初始化项目流程介绍、目录设计
  • 03.让 alias 别名解决路径引用的烦恼
  • 04.请求 api 返回 redux 的状态流程
  • 05.封装 request get 请求,给 url 添加时间戳防止浏览器缓存
  • 06.封装 request post Content-Type 分类请求
  • 07.把 taro-advance 脚手架推送到私有仓库
  • 08.弱网请求失败时自动发起 api 重试
  • 09.异常日志上报封装设计思路
  • 10.异常日志上报封装,五种级别输出。
  • 11.上报收集日志平台系统介绍
  • 12.实战接入日志平台
  • 13.深度序列化错误 error 控制台上报
  • 14.登录流程讲解(前端和后端实现流程)
  • 15.登录实现详细讲解(token 附加到请求 header 头)
  • 16.用户授权后更新用户信息流程
  • 17.设计 createApiAction 自动 dispatch 优化开发体验
  • 18.改造 actionType 支持庞大业务
  • 19.Action 三种 ActionType 的集合
  • 20.简化 reducers 的 swich 繁琐操作
  • 21.增加 request 的状态
  • 22.课程总结
  • 23.添加 Prettier 格式化配置

这个可以让你的 Taro 小程序跑的更优雅一些

升级后的项目仓库地址: 观看视频的同学加微信,发送你的 gitlab 账号,添加权限,你就看源代码了。

https://gitlab.com/itxishu/taro-advance.git

观看地址: cctalk 腾讯课堂 思否编程 segmentfault

上面都可以搜搜到,建议 cctalk 哈

购买路径

https://shudong.wang 加我微信

https://www.cctalk.com/m/course/168709

https://segmentfault.com/ls/1650000018991514

适宜人群

  • taro 小程序开发者
  • 需要 taro 基础架构开发人员

课程说明

本次课程主要针对于,正在使用 taro 小程序框架的同学,通过课程,你可以学到,框架的 request 请求优雅封装,异常自动重试,日志异常上报, redux 的三剑客优雅的配合使用, reducer 的 swich 简化繁琐操作,增加 state 的请求前,请求成功和失败的状态等。从开始架构足以支撑庞大业务小程序项目

课程有问题可以在 https://shudong.wang 我的博客扎到我,添加微信咨询

2019-04-28-22-09-17

课程主站

https://www.itxishu.com https://github.com/wsdo/qa

关于

https://shudong.wang

有问题加微信问吧

http://shudong.wang

taro-kit's People

Contributors

dependabot[bot] avatar imgbotapp avatar clycheng avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.