Flutter 、React Native 、 Ionic、 NativeScript 、小程序和PWA哪个值得学？

彬哥，我看今年前端分了俩方向啊，一个是Flutter和React Native这种，还有就是小程序，淘宝小程序这种微应用，我们公司让我做React Native这块儿，这是不是对我未来发展好些？以前技术栈还是Vue，我最近转React了，刚开始写第一个项目，我还看了看uni-app，学习成本更低一些，国内好像更吃香？到底第该学哪个？

前几天有个学生问我上面的问题，因为前端技术领域最不缺的就是新技术，前端开发者比较头疼的不是没有技术可用，而是可用的技术太多了，学不过来，也不知道选哪个。

其实类似的问题争论在PC时代就存在过，太阳底下没有什么新鲜事。甚至在我们生活中都有类似的选择问题。技术学习者要"看技术是技术，然后看技术不是技术"。如果你打算理解一项技术的产生和优缺点，就去追问他的应用场景，或者生活中的应用场景。如果一项技术你找不到生活中的对应，很可能你根本就不理解这项技术，而只是官方demo或者别人示例代码的搬运工。

今天我就说说Flutter 、React Native 、 Ionic、 NativeScript 、小程序和PWA哪个值得学？

话说long long ago，有一个土豪，他有两个儿子大明（IOS）和小明(安卓)，土豪琢磨孩子年龄大了该准备婚事了，那就得先有房子，另外的家里的门房和厢房都该翻盖了，所以他想好好的规划一番，对了还要做好防盗，不能让闲杂人等进来影响安全。

他找老大谈话征求老大对房子的意见，老大说我的婚房要豪华气派，要高级装修，要住起来非常的舒服，闭路电视、宽带，能通的就通上，反正也是折腾一回，盖房子就大事，盖一次争取就是村里最好的房子要住很多年呢。

他又找老二谈话征求老二对房子的意见，老二说我又不着急结婚，房子就是个住的地儿，我呢又在上学，反正怎么快怎么来吧，这样周末和暑假还可以过来玩。房子老了，到时候结婚了再翻盖也不迟，现在盖了将来也旧了，对了要方便一些，能让我的朋友们跟我随便造。

土豪一听都觉得有道理，他觉得都挺有道理，于是发了一个公告，寻找各路包工队帮盖房子。

于是发了一个招标公告：

本人土豪，家资殷实，诚招各路豪杰帮我家盖房要求：

1.目前有主房两套，其余厢房、门房若干，要求尽可能一次性充分利用材料，一次采购和加工建筑材料，能够多个地方能用。比如搅拌机搅拌一次搅机开一次就能把各个房间用的水泥搅拌出来，能够做出各个房子能用的砖块和柱子。（维护一套代码，能够在跨平台运营，write once,run any where）

2.房子的各项水电煤功能齐全。（能够充分利用设备的功能）

3.房子后期维护方便，最好能让家人或者我的工人们也能改造房子。（学习容易）

4.盖房成本要尽可能低。（开发和维护都省钱）

虽然土豪也觉得条件有些苛刻（跨平台的思路都是受质疑的），但是他想我有钱啊，我想试试（技术是在尝试和质疑中完善进步的）。

还别说，才招标就来了5路人马。每一路人马都身怀绝技。

他们分别是：

html5 派： 以html5 为首，可以说包队历史最老了，其中的PWA团队是新星，受人关注。

native派：java、kotlin两个团队瞄着小明的需求去的，Object-C和Swift团队瞄着老大的需求去的，他们可以说最懂各自瞄准的需求了。

HybridApp派：号称融合了h5派和native派的优势，有很多成熟的住宅建设经验，目前风头正劲。以前有phonegap ，后来有cordova，最近ionic表现也很抢眼。

纯真派：后起之秀，被认为是建筑行业的未来，可以说综合其它各个派系的优点，一出手变表现惊艳，但是初出茅庐，经验上欠缺些。比如 NativeScript 、React Native、Flutter.

小程序派：Taro、WePY 、uni-app 、 mpvue 、 chameleon 这些团队在专业的领域比如旅馆建筑很有建树，实力不容小觑。

公开招标会开始了，招标主人人开始主持：

1.各位都是建筑业的精英，我们实行集中陈述，互相答辩的方式。

第一个问题：

1.目前有主房两套，其余厢房、门房若干，要求尽可能一次性充分利用材料，一次采购和加工建筑材料，能够多个地方能用。比如搅拌机搅拌一次搅机开一次就能把各个房间用的水泥搅拌出来，能够做出各个房子能用的砖块和柱子。（维护一套代码，能够在跨平台运营，write once,run any where）

这个需求各路豪杰谁想说说？

html5 派的PWA直接站起来，因为这个就是他的强项啊！

PWA开口了，大家都知道H5作为资历最老的建筑团队，从一开始就主张所有平台通用，目前我们所有的建筑技术都是可以通用的，不管是住宅，商用还是，写字楼，相比native派只能在具体的领域很厉害，我们还是优势很明显的，而是我们有望成为下一代的通用标准。还记得我们当初我们公司的杰作ajax吗？不就成了数据交互事实标准了吗？

没想到还没到答辩环节，PWA一开口就怼人了，但是这句话确实怼的native派没话说。

HybridApp派，看PWA说完了，说到，大家看看淘宝以及各大主流平台都采用了我们的建筑方式，所以我不想多说，我们的建筑经验第一，相信Flutter你也认同吧。

虽然Flutter被人戳中了软肋，很不爽，但是还是点了点头。对于前辈还是要尊重的。

纯真派见HybridApp派坐下了，站起来，说到，我们这一派都是精英中的精英，比如react native、nativeScrtip,它没好意思说自己，我们在建筑业的表现大家也有目共睹了。

小程序派听着他们的阐述，因为看到土豪的那么多需求感觉自己实现不了，所以心虚想看看再说，所以暂时这一轮弃权。

好，主持人又开始说话了，我们看第二个问题：

2.房子的各项水电煤功能齐全。（能够充分利用设备的功能）

刚才被怼的native派一下子站了起来，我就问一句话，说到能够把房子的功能盖到极致，我们派说第二，哪个团队敢说第一？H5你们敢吗？

因为这个问题native派派优势性很大，所以过。

主持人继续，我们看第三个问题：

3.房子后期维护方便，最好能让家人或者我的工人们也能改造房子。（学习容易）

h5又站起来了，你就说我们干活快不快吧？native？

native无话，

HybridApp派，我们也不慢。

h5很仔细的说，比我呢？

纯真派虽然维护挺快，但是因为自己用了dart所以让人去学还是存在一定困难的。

这个问题又过了，能让家人或者我的工人们也能改造房子。这点心虚，所以不说话。

主持人继续，我们看第四个问题：

4.盖房成本要尽可能低。（开发和维护都省钱）

h5又站起来了，你们就说我盖房子成本低不低吧？native。

native确实贵，被H5怼的真忍不住反驳，你那个也要叫房子？四处漏风，水电都不通。

主持人说一会答辩，土豪皱了皱眉。

HybridApp派和纯真派说，我们也不慢啊。

主持人一看这要杠上，所以说，这样吧我们开始答辩，大家说说你们打算怎么干，依次发言。

html5说到，我打算搭一个木头架子（html），然后外面贴上铁皮，一刷油漆完事(css)，里面可以安个电风扇(js)。

native说到，你这个不就是活动板房吗？煤电燃气怎么解决？

PWA说我们打算逐步解决这个问题，比如大明家可以安装空调，因为他家房子架子可以用钢筋的，门房因为比较老旧了，装空调费劲，但是我们可以装空调。

native，笑道，你是在盖猪圈呢吗？native起来发言，我呢打算先挖坑，然后里面水泥浇筑，然后用压路机轧上200趟，然后我去山里拉石头，把石头磨得方方正正，然后垒起来，保证一百年不倒，重点是里面各种高级装修，闭路电视、监控只要是老大想装的，我们全能装。

HybridApp笑了，你上次给村长儿子结婚盖的房子，人家儿子都上小学了，你完工了吗？

主持人说，你打算怎么干？

我呢主结构采用native的那套保证兼顾，装修和墙壁使用h5的，又快有时会。

纯真派问道，那前辈，活动板墙壁冬天取暖很费空调费啊，保暖性能也不好，怎么解决呢？

HybridApp,无话。因为纯真派知道这次小程序就是来陪标的，所以根本不放在眼里，所以阐述自己的想法。

我能打地基的时候采用native的方式，而主体建筑我采用混凝土钢筋结构，虽然没有把石头打磨平整一整块石头那种方式坚固，但是也是绝对坚固能够满足建筑的坚固需求的。同时混凝土浇筑速度快，同时能够解决内部精装和HybridApp的建筑方式保暖、通风问题。

土豪心里似乎明朗了一些，基本上小程序打酱油、PWA不能立马满足所有需求，H5因为功能缺失出局，集中点就在HybridApp和纯真派上。HybridApp虽然成熟，但是确实性能不好，功能上也不如纯真派来的直接，但是又不想重复村长儿子的悲剧。但是一想到纯真派的经验不足，就想多问一些。

于是主持人问到，纯真派你们能详细说说吗？

这句话无疑就相当于说，我觉得纯真派有戏，那么竞争就变成派系内部了，也就是三大主角。

react native、flutter、NativeScript .

react native先发言，

我们隶属于fackbook公司，依托于react，语法上沿用了react，我们使用javascript，可以很好的维护。

不用HybridApp的Webview，彻底摆脱了Webview让人不爽的交互和性能问题，有较强的扩展性，这是因为Native端提供的是基本控件，JS可以自由组合使用，可以直接使用Native原生的动画。

rn说了一堆专业术语显得自己很专业听的土豪一头雾水，但是感觉很厉害。

flutter打断道，说的好像你盖完老大的房子的东西就直接能用到老二家似的，况且你看看你建筑的那些组件的bug还用我说吗？

rn说，我们确实存在一些问题，但是我们在尝试解决。

flutter落井下石，尝试解决？就是一堆坑没解决呗。

rn反击道，就算是没解决也比你还没遇到好吧？再说了你那个破dart，你觉得非专业人员能学会吗？

NativeScript 一听这么说，心虚了，自己的东西比他们两个都复杂，赶紧闭嘴。

看来剩下就是flutter和rn的论战了，不过也没有什么新意，flutter总是强调自己的砖瓦石灰各种模块多丰富，盖房子多快，性能多好，然后rn总强调自己的学习不用学其它语言就js就行。

想到这里，主持人说答辩结束，我总结一下，各方观点：

1.h5开发快修改成本低于，能够跨平台，但是因为标准更新缓慢，所以功能支持不完善。

2.HybridApp，方案成熟，应用很多，性能不是很好（相比flutter和rn）

3.native 功能全，但是不能跨平台，开发慢。

4.rn 学习成本低（比HybridApp高，比flutter低），坑比较多。

5.flutter 优势明显，但是需要学dart，但是组建丰富。

是这样吗？

大家点头。

土豪考虑，综合一听其实王道还是h5，奈何它太慢了，感觉不是别人做的太好了，而是它做的太差了。小程序不考虑了，native不考虑成本太高，开发慢，不跨平台。因为大儿子着急结婚（主营业务、核心需求），所以采纳HybridApp比较稳妥，二儿子不着急结婚所以让flutter去盖（次要业务）。rn就不考虑了，不过好像因为之前的厢房是react盖的，所以react native接受翻盖会容易些，所以这块给他们吧。

所以最终宣布：

大儿子的房子HybridApp中标，

二儿子的房子flutter中标，

厢房和门房因为之前就是react弄的，所以reaact native中标！

3月23号，前端职业规划师Maxwell，在线live为大家讲解跳槽、面试相关的实战攻略。