Vue也可以开发React Native,即将要统一前端开发了!!

Vue也可以开发React Native,即将要统一前端开发了!!

自从2015年4月React Native 发布后,就开始在业界活了起来,不管是大公司还是小公司都在开始研究和使用。其中京东还自建了JD React,现在的京东APP大量模块采用了React Native技术。

但是,也有大公司弃用React Native。Airbnb最早开始宣布弃用,在业界引起了轩然大波,打击也React Native的热度。

Vue也可以开发React Native,即将要统一前端开发了!!

紧接着google的Flutter发布了,对于这个颠覆式的框架,开发者欢呼了,目前活跃度明显超过了React Native。

自从Flutter诞生后,React Native已经感受到了压力,因此加快了优化的进度。去年底公布了优化方案,目前正在重构js引擎,最大提升js的性能问题。毕竟React Native低层还是基于原生的系统去做的,目前来看有一定的优势,而且社区庞大,短期用户量还是有的。Flutter虽然流畅,UI层独立,但是很多插件还是要基于原生系统架构,不能完全独立。

因此,不管是React Native,还是Flutter,都不能脱离原生系统。除非android和iOS系统被另外一个系统取代。

Vue也可以开发React Native,即将要统一前端开发了!!

那么,为什么我还在这里去讨论Vue来开发React Native?

不管未来,React Native 如何被弃用,Flutter 如何强大。现在React Native还由用户,且官方也在大力维护,所以我们还是有必要去学习并使用它。

前端框架中,Vue已经排在React后,成为第二名。基于Vue框架的火热,GeekyAnts 这家印度公司提供了解决方案。

GeekyAnts 是一家专门从事React Native开发的公司,在github开源了很多React Native 组件,比如NativeBase。这家公司也很有野心,推出了可视化开发工具https://builderx.io,且已经在适配Flutter。

Vue 开发React Native应用,也是这家公司提供的一个开源方案,https://vue-native.io。

Vue也可以开发React Native,即将要统一前端开发了!!

一起试用下Vue Native

安装

1.使用vue-native-cli

Vue也可以开发React Native,即将要统一前端开发了!!

这个是官方提供的命令工具,一站式开发vue native应用

2.使用React Native

Vue也可以开发React Native,即将要统一前端开发了!!

如果你想在现有React Native项目中使用Vue技术去开发,可以这样做

效果

Vue也可以开发React Native,即将要统一前端开发了!!

这里只是一个简单的字符串demo

原理

Vue Native 是利用metro的transformer将Vue代码转化成react native bundle,这样就能够在React Native 框架中运行。如果你想深入研究请参考https://www.npmjs.com/package/vue-native-scripts。可能由于商业原因,这个代码没有开源。

总结

Vue Native给喜欢Vue的开发者提供了开发跨平台原生应用的可能,可以为企业降低成本,同时也可能会统一研发的技术栈。


分享到:


相關文章: