分享记录一次taro3 + react hooks开发小程序的经历

对react挺感兴趣的，但一直没有正儿八经的用它来做过项目

这次使用taro3 + react hooks 重写“小驴通”小程序（之前是用uniapp + vue3开发的）作为一次学习

一、首先安装搭建

$ npm install -g @tarojs/cli
$ taro init myApp
$ cd myApp
$ npm install
# 开发
$ npm run dev:weapp
# 编译
$ npm run build:weapp

**

按照官方文档来就好了，一切顺利

**

二、选择状态管理框架

1. redux & react-redux

slogan：JavaScript 状态容器，提供可预测化的状态管理

设计理念：单一数据源，使用纯函数修改状态

2. mobx & react-mobx

slogan：简单、可扩展的状态管理

设计理念：任何可以从应用程序状态派生的内容都应该派生

**

总结：mobx更简单且完全能实现我的需求，就选它了

**

三、选择ui框架

1. taro ui：官方ui，但是支持taro3的taro还在开发中，安装后有好多warning

2. @antmjs/vantui：按需引入了一个modal，结果大小竟然超过1M，放弃

3. Tard: modal有bug

**
总结：大致体验了几个，感觉目前taro的ui框架生态远不如原生小程序，项目也简单需要的组件也少就自己写不用ui框架了
**

四、开发&&上线

五、项目源码：

https://gitee.com/xltzx/xlt-app

六、总结

1. jsx比template使用灵活，业务逻辑更内聚
2. typescript 增加的代码复杂度不止一点点，不过增强的代码提示和跳转真香
3. 调用子组件方法好麻烦
4. useState 的setState 异步的且没有callback有点难受

延伸阅读：

开源一个golang电商项目