React Native & Weex 區別

JS引擎css

Weex使用V8, html

React native使用JSCore前端

 

JS開發框架 ( Js Framework  )vue

Weex基於vue.js(2W+ star)。小巧輕量的前端開發框架,組件化,數據綁定,2.0引入virtual dom。web

ReactNative使用React(4W+ star)。革命性的前端開發框架,組件化,數據綁定,virtual dom。框架

 

學習成本dom

React模板JSX學習使用有必定的成本,vue更接近經常使用的web開發方式,模板就是普通的html,數據綁定使用mustache風格,樣式直接使用css組件化

 

支持的平臺:佈局

     雖然Weex和React Native都支持跨平臺開發,但實際仍是有必定的區別。性能

  1. Weex的目標是實現代碼共用,一次開發多平臺運行,能同時支持IOS、Android和Web,下降了開發難度,節約開發成本;
  1. React Native則但願替換整個APP,因此更加註重平臺的獨立性,其代碼須要針對IOS和Android平臺編寫,代碼沒法實現徹底公用,從官方提供的組件也能夠很明顯的看出,例如ProgressBarAndroid、ProgressViewIOS等;

 

核心理念:

     Weex:  

  •      Write Once Run Everywhere
  • 只須要編寫一份代碼,而後打包便可運行在Web、iOS、Android;

     React native:

            LEARN ONCE, WRITE ANYWHERE

     需針對iOS、Android編寫2份代碼,可是能夠共用的代碼不少;

性能:

     不能說 React native不注重性能,只是Weex的性能比React native更加優秀

 

相同點:

  1. 均可以實現hot reload,邊更新代碼邊查看效果
  1. 佈局都是基於flexbox
  1. 都採用Web的開發模式,使用JS開發
  1. 都是支持iOS和Android
  1. 渲染機制都是Virtual DOM

 

總結:

     React Native相對來講比較成熟,社區成熟、文檔成熟,Weex開源較晚,互聯網上相關資料還比較少,社區規模較小,因此學習的路上踩的坑會比較多;

相關文章
相關標籤/搜索