• 中文
  • ENGLISH
Rax深入淺出 – 開篇
2017/02/09

本系列文章,主要圍繞Rax/Weex展開,由淺入深講解《如何一站式開發一個·跨平臺應用·》。

在學習本文檔之前:

  • 如果,你還不了解Weex是什么?趕緊去【Weex官網】看看。
  • 如果,你不清楚Rax是什么?沒關系..,只要你接觸過React,稍微看看【Rax官網】,你就會知道怎么使用Rax!

本文檔主要由「基礎篇」、「高級篇」、「原理篇」和「實戰篇」四部分部分組成。

  • 基礎篇:從「Hello World」例子說起,介紹如何使用Rax編寫一個簡單的Weex應用。
  • 高級篇:一個完整的Weex應用在上線前,區別于傳統的Web應用,需要注意哪些優化點。
  • 原理篇:將會深入Weex和Rax源代碼,了解它的運行原理架構思路
  • 實戰篇:將實際的上線項目作為案例,講解如何從0到1開發一個復雜的Weex應用。

本系列,所有示例代碼大部分均使用Rax編寫。

所以,在進入下一個話題之前,請務必先弄懂以下幾個問題:

  • Weex是什么?
  • Rax是什么?

What is Weex

A framework for building Mobile cross-platform UI.

官方描述:一個構建移動端跨平臺UI的框架

關鍵詞:

  • mobile:移動端
  • framework:框架
  • cross-platform:跨平臺(Web/IOS/Android)

Why use Weex

Weex之所以能夠在前端社區中脫穎而出,主要歸功于它的兩大特性:

  • Cross-Platform:跨平臺/容器
  • Native Speed:Native性能和體驗

如果說,早前的Hybrid API開放了前端開發者調用Native Module的能力,那么Weex做到的遠不止于此,它還賦予了前端開發者渲染Native UI的能力。

相較于,早前React帶來的Learn Once, Write Anywhere,Weex所提倡的Write Once Run Everywhere,100%的代碼跨平臺復用,減少的不僅是學習成本,還有真真實實合二為一的開發成本

What is Rax

A universal React-compatible render engine.

官方描述:一個通用的跨容器的渲染引擎

關鍵詞:

  • universal:跨容器(Browser/Native/Node)
  • React-compatible:React語法基本兼容

Rax,除了像React一樣支持Browser和Node端渲染之外,通過weex-rax-framework還實現了基于Weex的Native端渲染,簡而言之:使用Rax – React DSL,可以開發Browser/Native/Node三端的應用

Why use Rax

Weex本身是[email protected]的語法糖,如果你和你的團隊的技術棧之前就是React,并沒有Vue,那么Rax將是一個不錯的選擇。

由于Rax基于React DSL,所以天生就享有React社區所帶來的一些資源,比如:Redux

此外,相比于React,它的優勢:

  • 漸進渲染模式,白屏時間更短
  • 8.5kb(min+gzip),文件體積更小

參考資料

訂閱我們
体彩20选5开奖结果查询