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的開發者提供了開發跨平臺原生應用的可能,可以為企業降低成本,同時也可能會統一研發的技術棧。


分享到:


相關文章: