在使用React Native長達一年後,我來談談它的優缺點及我個人感受

来源:http://www.cnblogs.com/zhaowmm/archive/2016/06/14/5583802.html
-Advertisement-
Play Games

當我在面試 Discord 的時候,技術主管Stanislav跟我說: React Native 代表著未來。等它一發佈,我們就會用它從零構建iOS應用。 作為一名原生iOS開發者,基於先前使用PhoneGap的經驗,我非常懷疑使用Web技術構建移動應用的這種方式。但是當我學習並使用React Na ...


  當我在面試 Discord 的時候,技術主管Stanislav跟我說:

  React Native 代表著未來。等它一發佈,我們就會用它從零構建iOS應用。

  作為一名原生iOS開發者,基於先前使用PhoneGap的經驗,我非常懷疑使用Web技術構建移動應用的這種方式。但是當我學習並使用React Native一段時間之後,我非常慶幸我們做了這個決定。

  開發效率

  雖然iOS“團隊”只有我自己一個人,但是iOS應用開發依然可以趕上Web和桌面應用開發閃電般的速度。Apple公司已經允許開發者使用 JavaScriptCore 進行應用的升級,而無需等待App Store的審核流程。這對於那些缺乏專業的iOS QA(質量保障)團隊的小公司來說是非常便利的,因為iOS團隊可以在發佈新功能之後進行熱更新。

  使用React Native一年之後,我們的iOS開發周期明顯變快了,這得益於很高的開發效率。比如:

  基於現有的前端架構,我們在兩周之內就發佈了V1.0的版本。

  相比於 Auto Layout ,基於 Flexbox 的樣式可以節省一半的代碼,並且更容易理解。星密碼貨源

  使用Flux設計模式,iOS和Web應用共用了 store 和 action 的98%的代碼。

  性能

  React Native在後臺線程運行JavaScript併發送極小的代碼到主線程中。事實證明,React Native相比於Objective-C或Swift編寫的原生iOS應用來說有一些性能差異!

  Reactiflux小組的性能演示,該組有超過1.1萬個會員 —— UI和JS線程大多數都是60FPS

  然而,我們當初開始構建iOS應用時發現 聊天滾動視圖 的性能並不令人滿意,尤其是一些活躍的聊天分組。於是,我們決定使用 ComponentKit 構建聊天視圖並編寫必要的橋接代碼代替原有的方案。當JS線程在完成一些繁重任務的時候,類庫也無法提供原生那樣流暢的動畫(譯註:之前動畫是在JS線程執行, 目前有人提交了一份代碼 ,有望使用原生iOS動畫介面),因此我們在抽屜側滑動畫上繼續使用 PopAnimation 。

  註: 作者稱該應用僅聊天視圖和抽屜動畫是原生代碼實現的,其他均由React Native實現。

  當React Native Android版本發佈時,我們也嘗試在Android設備上運行應用,但遺憾的是,我們遇到了一些性能問題,只好暫時放棄。Android開發主管Miguel是這樣說的:

  很遺憾,不同Android設備的性能差異很大,這點明顯落後於iOS。我們可以讓應用運行地很快,但是性能——尤其是觸摸事件,即使在更高端設備上也不能令人滿意。並且在早期,由於React Native Android缺乏完善的功能,我們從產品原型過渡到成品應用比iOS花費了更多時間。

  可用性

  React Native讓開發工作更簡潔,使得開發者可以專註於每個新版本核心功能的開發。應用內自帶的開發者菜單為我節省了大量的時間。

  其中我最喜歡的一個功能是 Show Inspector (審查工具),它可以即時展現交互視圖的層級結構以及被選組件中所有必要的樣式信息,這無疑是我用過的最棒的iOS審查工具。

  社區

  React Native項目每 兩周 會發佈一個新版本,其中包含一些新的特性以及修複的bug。這有利有弊,好比iOS幾個月的穩定版本的發佈,新的代碼需要額外的時間進行升級,尤其是生產環境中的應用。因此,這也是到目前為止我們fork的React Native倉庫只有四次主要升級的原因。

  由於React Native還不太成熟,資源有限,也不完整。但隨著它越來越流行,在不久之後一定能趕上其他成熟的技術。下麵列出了一些實用的資源,我也經常在它的倉庫上提問和獲取最新的信息:

  Reactiflux上的 #react-native 。

  js.coach —React Native開源組件列表。

  awesome-react-native —大量的React Native文章、教程和示例。

  總的來說,React Native很有潛力,它把我們團隊的移動應用開髮帶上了一個新的臺階。像我這樣原生的iOS開發者可以平滑地過渡到React Native,這有些出乎我的意料。同時,它也幫助我擴展職業技能,因為我也可以很輕鬆地向React編寫的Web應用貢獻代碼了。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 在《Android 常用數據適配器ArrayAdapter》中介紹了ArrayAdapter數據適配器。但是存在一個缺陷,那就是條目的圖標都固定相同,要顯示每個條目的圖標都不相同,那麼使用SimpleAdapter 新建項目後,在layout文件夾下新建list_item.xml文件,接著編輯佈局, ...
  • android:nextFoucsUp padding是站在父view的角度描述問題,它規定它裡面的內容必須與這個父view邊界的距離。margin則是站在自己的角度描述問題,規定自己和其他(上下左右)的view之間的距離,如果同一級只有一個view,那麼它的效果基本上就和padding一樣了 ...
  • GUI 是任何系統都很重要的一塊。 android GUI大體分為4大塊。 1)SurfaceFlinger 2)WMS 3)View機制 4)InputMethod 這塊內容非常之多,但是理解後,可以觸類旁通,其實現在主流的系統,包括andorid,ios在構架上,都是有很多相識之處。 我們先來講 ...
  • 接著上篇文章《Android 採用Layout Inflater創建一個View對象》,本文采用常用數據適配器ArrayAdapter 新建項目後,在layout文件夾下新建list_item.xml文件,接著編輯佈局,代碼如下: 接著在MainActivity中添加代碼: 運行一下: ArrayA ...
  • 關於APP啟動引導頁面模塊 時間:2016年6月14日 作者:趙銳 模塊使用說明 模塊暴露在外的介面是- (void)showGuideViewWithImages:(NSArray *)images;調用時候需要傳入引導頁圖片的名字數組即可。 註意:調用該方法需要在- (void)viewDidA ...
  • 接著上文《Android ListViewview入門》,本文使用android的Inflater來實現 在layouyt文件夾中新建一個list_item.xml的文件,添加如下代碼: 界面佈局如下: 代碼如下: 運行後的效果如下: 如果將上面的代碼tv_id.setText("id:" +per ...
  • Android倉庫 簡單的普及下關於android的依賴倉庫,有兩種分別是Jcenter與Maven Central其實不管是Jcenter還是Maven Central都是Maven庫。 Jcenter Jcenter是由bintray.com維護,在Android Studio的項目根目錄的bu ...
  • 接著上文《Android 資料庫的事務》,往person數據表中插入50條數據 常規方法顯示數據 首先不使用ListViewview,而是直接使用程式來呈現數據表中的數據,代碼如下: activity_main.xml中的代碼如下: 運行結果如下圖: 使用ListView顯示數據 數據顯示(list ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...