试用React语法的多端框架Taro问题汇总
Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。
我试用了有15天左右,总的来说,这是一款优秀的框架,尤其补充了目前市面上无法用 React 开发小程序的需求空缺,所以其优点就不多说了,大家可去其官方查看详细文档
下面说下我的试用感受,希望帮助后面使用Taro的同学少踩一些坑;因为能力有限,可能了解和认识会有一些不到位的地方,还望各路大佬不吝留言赐教
存在的问题
以下,是我在使用Taro过程中遇到的影响开发流程或体验的地方:
- 不支持source map,调试可通过debugger
- 不支持alias,所以项目里会有大片大片的
../../../
,不利于后期维护 - 全局请求的需求,官方未有最佳方案。理应
app.tsx
是最合适的地方,但是该组件的Provider
组件内写的任何组件都会被Taro替换掉。我目前是通过在app.tsx
里通过store.dispatch(action)
发送全局异步请求 - redux/connect方法的
mapStateToProps
缺少第二个参数ownProps
- 组件嵌套时,taro生命周期与react生命周期执行顺序有差异,如图是Taro的生命周期执行顺序,可以看到
componentDidMount
跟React是相反的。 - 不可以使用 ... 拓展操作符给组件传递属性,
<Comp {...props} />
写法错误 - 属性不能传入 JSX 元素,
<Content footer={<View />} />
写法错误
展望
虽然存在以上种种问题,还是要感谢京东前端团队能够开源一款React语法的多端开发框架,让我们React粉儿能够用React开发小程序;以上有些问题我已提了PR,如Q4,并且维护人员很快将PR进行了merge,凹凸团队对这个项目的重视程度和责任心可见一斑,所以我相信,凹凸团队一定可以把Taro不断完善的,加油!
大前端
这是一个大前端时代,也是一个极饿的时代,霸权属于能够提供代码食粮的家伙
被 1 篇内容引用
推荐阅读
【干货】TypeScript 实战之 extends、infer 与 dva type
本文主要讲解 typescript 的 extends、infer 和 template literal types 等知识点,针对每个知识点,我将分别使用它们解决一些日常开发中的实际问题。最后,活用这些知识点,渐进的解决使用 dva 时的类型问题。
小贼先生赞 6阅读 2.2k
从零搭建 Node.js 企业级 Web 服务器(零):静态服务
过去 5 年,我前后在菜鸟网络和蚂蚁金服做开发工作,一方面支撑业务团队开发各类业务系统,另一方面在自己的技术团队做基础技术建设。期间借着 Node.js 的锋芒做了不少 Web 系统,有的至今生气蓬勃、有的早已夭折...
乌柏木赞 150阅读 12.4k评论 10
正则表达式实例
收集在业务中经常使用的正则表达式实例,方便以后进行查找,减少工作量。常用正则表达式实例1. 校验基本日期格式 {代码...} {代码...} 2. 校验密码强度密码的强度必须是包含大小写字母和数字的组合,不能使用特殊...
寒青赞 56阅读 7.9k评论 11
JavaScript有用的代码片段和trick
平时工作过程中可以用到的实用代码集棉。判断对象否为空 {代码...} 浮点数取整 {代码...} 注意:前三种方法只适用于32个位整数,对于负数的处理上和Math.floor是不同的。 {代码...} 生成6位数字验证码 {代码...} ...
jenemy赞 46阅读 6k评论 12
从零搭建 Node.js 企业级 Web 服务器(十五):总结与展望
总结截止到本章 “从零搭建 Node.js 企业级 Web 服务器” 主题共计 16 章内容就更新完毕了,回顾第零章曾写道:搭建一个 Node.js 企业级 Web 服务器并非难事,只是必须做好几个关键事项这几件必须做好的关键事项就...
乌柏木赞 66阅读 6.2k评论 16
再也不学AJAX了!(二)使用AJAX ① XMLHttpRequest
「再也不学 AJAX 了」是一个以 AJAX 为主题的系列文章,希望读者通过阅读本系列文章,能够对 AJAX 技术有更加深入的认识和理解,从此能够再也不用专门学习 AJAX。本篇文章为该系列的第二篇,最近更新于 2023 年 1...
libinfs赞 40阅读 6.3k评论 12
从零搭建 Node.js 企业级 Web 服务器(一):接口与分层
分层规范从本章起,正式进入企业级 Web 服务器核心内容。通常,一块完整的业务逻辑是由视图层、控制层、服务层、模型层共同定义与实现的,如下图:从上至下,抽象层次逐渐加深。从下至上,业务细节逐渐清晰。视图...
乌柏木赞 44阅读 7.4k评论 6
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。