logo

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

头像
罗小黑
34阅读0评论2 个月前

对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

  1. @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电商项目

分享主题:
经历/经验
加载中…
精选评论
暂无数据

暂无数据