weex和react native區別是什麼

2020-11-26 18:00:48

weex和react native區別:1、設計角度上react native與很多oop語言類似,weex則更像web開發的html;2、weex能夠編譯出web端的程式碼,而react native不能。

  • 該方法適用於所有品牌電腦

weex和react native區別:

weex

簡介:

weex是阿里巴巴公司與2016年6月開源的一種用於構建移動跨平臺的UI框架

特點:

  • Lightweight:輕量級,語法簡單,易於使用

  • Extendable:可延伸,豐富內建元件,可延伸的API,

  • High Performance:高效能

核心理念:

Write Once Run Everywhere

基於JS開發框架:

weex基於vue.js

React Native

簡介:

Facebook在2015年3月在F8開發者大會上開源的跨平臺UI框架

核心理念:LEARN ONCE, WRITE ANYWHERE

基於JS開發框架:

React Native基於React

Weex和React Native的異同

相同點:

  • 都採用Web的開發模式,使用JS開發;

  • 都可以直接在Chrome中偵錯JS程式碼;

  • 都支援跨平臺的開發;

  • 都可以實現hot reload,邊更新程式碼邊檢視效果;

不同點:

1、react-native與react相似,weex則是vue的體系。

2、設計角度上react-native與很多oop語言類似,weex則更像web開發的html,react-native沒有像weex一樣將 頁面(templete),功能(script),樣式(css)在一個.vue中分成三個特定的程式碼編寫位置,react-native可以在頁面中定義執行指令碼

3、載入包:react-native 載入包會通過一個入口檔案載入整個js.bundle,weex則可以分別載入對應的js,這可能會對應的載入速度造成影響

4、輸出包的形式:react-native輸出的是一個大的bundle檔案,weex輸出的是多個.js檔案的形式,react-native輸出包的時候會吧依賴的framework輸出到bundle中,而weex則是輸出具體的功能邏輯包,相應的依賴包則由weex的framework層來提供。weex能夠天然的支援分包問題解決了更新迭代的載入速度問題,react-native則需要通過bundle-metro或者其他形式來進行分包,以優化包的載入速度

5、react-native有很多設計架構來支援,weex貌似是mvc,react-native的狀態管理更好實現?

6、底層類庫及功能庫的支援react-native更加的豐富

7、weex能夠編譯出web端的程式碼,react-native不能,react-native更專注mobile

8、設定層面react-native只提供一個package.json來組織專案清晰明瞭,weex則做了很多的環境設定

9、打包方式上的差異,react-native打包通過命令打jsbundle,然後在通過原生命令打成對應平臺的安裝包,weex打包的話可以直接打成對應平臺的安裝包,如果只是打增量的js包的話則是通過weex run的形式來輸出對應的包

相關免費學習推薦:(視訊)

以上就是weex和react native區別是什麼的詳細內容,更多請關注TW511.COM其它相關文章!