在使用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
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...