我为什么暂时放弃了React Native

前端之家收集整理的这篇文章主要介绍了我为什么暂时放弃了React Native前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

同步自我的博客

去年三月份,以及十一月份,我分别做了两个React Native(下称RN)的项目,一个是一个很简单的充值页面,发上线以后就基本不维护了,暂且不表;另一个是把我们客户端首页的技术方案由Hybrid迁移到了RN,跟进并维护了几个版本以后,又决定切换回了Hybrid的方案,以下记录一下我这段时间的心路历程以及我对RN的看法。

背景

我们首页迁移RN主要有以下几个原因

  1. 公司的架构组对RN支持度比较高,有一个比较完整的解决方案,包括打包体积的优化,封装了redux和路由,方便业务方的开发

  2. 我们的前端代码优化力度不够,bundle的体积很大,首屏会比较慢,在AndroidWebView里尤其明显,而且代码时间也比较久,想要拆包优化也需要大量的时间去测试,然后之前做的RN项目几乎是秒开,给了我们很大的诱惑力。

  3. 前端的框架是React,前期调研了一下觉得切换的成本很低,这是我们最终决定迁移RN的原因,也是我们预估的最失败的地方,遇到的问题我在之前的博客里有提到过。

就像我之前的博客所说,我花了大概20天的时间做了这次迁移,其实真正估时的时候并没有这么久,主要是在开发上踩了一些坑,项目最终上线后的效果也很棒,首屏的渲染时间快了很多,尤其是Android,就当我们为此庆祝并且准备继续迁移的时候,问题慢慢展现出来了。

问题

主要的矛盾在于要维护两个工程。

咱们的首页既要服务于Touch端,又要服务于客户端,之前的客户端是Hybrid方案,矛盾并不突出,只需要在我的前端代码里对客户端做一些特殊处理即可,但是迁移RN以后我们就需要维护两套代码了。就像我之前说的,我们过于乐观的觉得,从React代码RN其实并不需要做过多的转换,甚至考虑着自己写一套转换的脚本,实现无缝对接,现实却是来了当头一棒。

比如,css无法复用,Android下的overflow:visible就是不可用的,比如不支持百分比布局,比如不支持fix,导致我们在两边的切图还是不能使用一套方案。

又比如:加大了需求开发的成本和时间,比如PM有一个需求,单做前端可能2pd,算上RN可能就是3pd,对于一个创业团队会拖慢自己的进度,而且只能找有Mac的同学来做这个需求 = =。

就不说调试难,以及开发一些需求的时候需要请教客户端的同学是否支持然后去找对应的方案了。而如果是Hybrid的方案,只需要webnative讨论好接口,分别开发即可。

最终,在维护了几个版本的RN后,我又毅然的将方案改回了Hybrid

我的看法

这是一次失败的尝试,却不是一次无用的尝试,在我看来,React Native是一项非常棒的技术,我们不需要针对客户端开发两套代码,而且整体体验是优于Hybrid的。但是我还是觉得采用这项技术之前大家要考虑清楚,我个人觉得,对于大公司的大团队,业务需求不是特别紧的团队,都很适合采用这一项技术,对于我们反而是不太合适了。

经过这件事我对技术选型也有一些思考。技术选型时,应该选择根据自己的团队,自己的需求,花费很多时间调研以后再去决定,而不是选择一些火的方案。比如我们之前移动端选择使用React,就是觉得以后还是要做自己的客户端,用了React以后切换RN会是一件很小成本的事,结果现在还是采用的Hybrid方案。现在又因为React包体积很大,不得不对项目再做一些优化。

希望大家在选择RN时,也考虑清楚,我是否对Web的需求很低,我是否有很强的跨平台需求,我的技术人员是否可以hold住一些场景等等,而不是因为它很火选择它。

猜你在找的React相关文章