Native App Hybrid App HTML5 App Comparison

2016-10-22

近期在評估Native App(原生)，Hybrid App(混合式)、HTML5 App，將比較後的結果整理起來，其中包含React Native、 Native Script、ionic、OnSens UI，供大家參考。

Why Native？

這樣有沒有一目了然要挑哪一種了呢？？且慢下決定吧！讓我們繼續看下去...
圖片搜尋結果圖片來自:VISHESH DUGGAR

Native Hybrid HTML5 comparison

Hybrid真的那麼神嗎？？一路常青？真的有這麼好？

讓我們用不同的角度來看一下~~

Native,Hybrid,HTML5 comparison

透過Cordova為基礎的明台，常見的有ionic,Phonegap。
React Native、 Native Script，則是透過新一代的前端Javascript語言，不再透過WebView，速度與體驗上，媲美原生應用程式。

透過這張表說明了特色與適合做哪些事，你是否注意到你要的功能坐落在那邊呢？

How about Hybrid works

這張圖說明了一般Hybrid與作業系統溝通的方式，中間需要透過WebVview當作橋樑，進行溝通。
Image from Worklight.com

若需要驅動硬體，需要透過cordova的幫忙進行協助。

React Native與原生溝通方式 ReactNative2 看起來有點複雜，點這邊或這邊有詳詳細的說明每個步驟。

NativeScript與原生溝通方式

官網有說明文件，不然這裡有簡體版。

React Native與Native Script誰比較好？

講到這邊，應該有很多人也想把React Native與Native Script拿來比一比吧~來了！這種比較就要列出擁護者所愛戴的項目了，讓我們看一下。

比較日期為2016/10月，資料由 http://stackshare.io/stackups/nativescript-vs-react-native#more

Ionic Framework VS React Native

網路上，有人將Ionic Framework 與 React Native，來個車拼，可以參考看看。

我實際找了檔案來裝裝看，兩個都有使用Google Map的技術，操作起來應該會有Fu的。
React Native App Busin Time(Google Map)
Ionic Ionium (inside Google Map)

去試試看吧！！

參考網站：

以上文章由Ryan整理，若有侵犯版權、勘誤，請來信告知。

Ryan 的筆記本