[榨干Taro] 开篇 - 跨端开发新时代的思考与举措

个人博客: https://alili.tech/

新时代

跨端框架的出现,前端的浏览器兼容过渡到了客户端平台兼容的新时代。对于初创公司而言,这种框架可以快速试错与降低人力与时间成本。

为什么选择 Taro

并不是说 Taro 方案有多优秀,就当前时间节点看来目前的所有跨端框架都还处于完善阶段。最完善的端可能就是小程序与 H5 了。
但是对于有这对跨端开发有着强烈需求的公司来说,这些还远远不够. 只是第一眼看上去 Taro 比较适合我们的现有业务。后续各种端的数量增大,如何从容对待。 目前也还是未知数。就团队而言,前端输出突然猛增,其他配套设施没跟上等于随时翻车。目前我们面临的最大问题就是测试资源的问题。

对于跨端技术而言,目前相对完善且符合公司业务的技术框架可以选择

  • Taro 类 React 语法
  • uni-app 类 Vue 语法

在框架层面,两种技术框架提供着非常接近的多端兼容方案。最大的不同是 React 与 Vue 的区别。当然, uni-app 提供了小程序容器方案。Taro 这边目前还没有。

就目前对 Taro 来看,直接实现 Taro to uni 小程序理论上是可以实现的。在 Taro next 版本中,已经支持对 vue 语法, 那这样后续是否会出现多端框架 to 多端框架的局面呢?

回到问题本身,为什么我们选择 Taro

  1. 团队组建之初使用 React 技术栈
  2. 我们在 RN 端有了一定的探索
  3. Taro 支持快应用

就历史包袱来看,选择 Taro 过渡成本是相对较小的。

目标

  1. 一处代码,多端运行
  2. 减少维护成本
  3. 多端快速上线

如果就快速上线来看,人力成本在短期内看,是非常可观的。但是一旦项目变大,团队变得也越大的时候。 自动化测试与项目工程化没有跟上,那就直接天堂变地狱。

处境与心态

目前使用 Taro 开发单端,基本上没有太大的问题。目前遇到的问题都有办法可以解决的,唯一占用开发工作量的是如何处理代码在多端中的兼容问题。 所以处理兼容问题的方法与技巧还有多端开发的意识就尤为重要了。

还有一个就是开发者的心态问题,因为要开发多端,多端差异还是会有的。在开发多端的同时,也要学习多端的开发方式。一来二去的,很容易心态奔溃。 但是如果跨越了这一时期,了解了各端的特点,后续面对一些问题都会游刃有余了~

适配最佳路径

经过各种实践,我们认为一下开发的兼容路径是相对简单的。在适配的过程中,主要还是样式的问题比较多。如果反向适配,会极其痛苦,因为你之前写的任意一行代码,都可能是后面的 bug。

可能在后续的发展中,这种类似短板问题会越来越不明显。但是就现在来看,合适的适配路径,是你必须要关注的重要问题。

RN –> 快应用 –> 小程序 –> 其他小程序 –> H5

脑洞 & 展望

就目前跨端框架发展趋势的话会不会发生以下事件

  1. 一款跨端框架直接兼容另一款框架,直接吃掉所有端?
  2. 开源一款类小程序的容器,直接替代 React Native 与 Weex?
  3. 多端测试框架(一套测试用例测试所有端)会不会应运而生?

尾巴

后续的这段时间,我会把以下问题与团队实践整理出文章供大家思考

  1. 如何改造原生小程序为 Taro 框架
  2. 如何改造原生快应用为 Taro 框架
  3. Taro 如何使用正确姿势开发 React Native
  4. 如何设计一套跨多端,业务模块支持冷插拔,多团队协作的前端架构
  5. 基于 Taro 的跨端兼容技巧与各端短板的绕过方法
  6. 遇到 Taro 的 Bug 我们应该如何调试解决
  7. 各端遇到的问题汇总与解决方法
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 196,200评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,526评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,321评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,601评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,446评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,345评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,753评论 3 387
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,405评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,712评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,743评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,529评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,369评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,770评论 3 300
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,026评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,301评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,732评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,927评论 2 336