在线观看www成人影院-在线观看www日本免费网站-在线观看www视频-在线观看操-欧美18在线-欧美1级

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

React Native重構即將完成,改善版本有何不同?

如意 ? 來源:百家號 ? 作者: 讀芯術 ? 2020-07-01 14:43 ? 次閱讀

2015年,React Native被首次推出,使用ReactJS框架開發原生跨平臺應用程序。該框架獲得了社區的大力支持,并憑借其Web同行的名聲逐漸普及,但其實該平臺的原始設計并非沒有缺點。

2018年,Facebook團隊宣布他們正試圖解決多年來開發人員遇到的這些最常見問題,進行ReactNative重構。這樣的重構改善體現在哪些方面呢?本文將從性能和開發速度方面來談一談。

原構造

ReactNative曾被稱作“不依賴于平臺”的應用框架。從某種程度上講,該框架的主要目標是讓開發人員編寫Javascript React代碼,而React Native可以在幕后部署其機制,以將Reactreconciliation tree轉錄成可由原生基礎設施解釋的內容。它能夠:

· 正確顯示UI

· 訪問原生功能

通常,Android/ iOS生態系統目前的機制如下所示:

每個React Native應用程序中運行著3個并行線程:

· 陰影線程用來設計布局。它使用Facebook自帶的Yoga布局引擎來設計flexbox布局并將其發送回UI線程。

· JS線程讀取和編譯所有JavaScript代碼以及執行應用程序大部分業務邏輯。將所有Javascript代碼融匯到一個文件中,并翻譯任何其他Javascript語法(例如JSX或TS),然后將此代碼發送到JavaScriptCore引擎以便運行。

· 原生線程是運行原生代碼的位置。每當需要更新UI或訪問本機函數時,它將與JS線程連接。它分為原生UI和原生模塊。原生模塊在啟動時都處于預備狀態,這意味著即使ReactNative使用藍牙模塊,該藍牙模塊也始終處于運行狀態。

使用橋接器可以連接JS線程和原生線程,在后臺,C++模塊圍繞一個異步隊列構建。每當它從任一方獲取數據時,都會將數據序列化為字符串并將其通過隊列傳遞,并在到達時反序列化。

這意味著所有線程都依賴于跨網橋傳輸的異步JSON消息,并且這些消息發送到任一端,期望它們在將來的某個時間引發響應,但它還存在擁塞的風險。

每當瀏覽者在原生環境中拖動滾動條時,信息都會異步發送到JavaScript領域,但是原生環境不會等待Java腳本執行工作并將其以另一種方式發送回去。這會造成延遲,屏幕上出現信息之前會一片空白。

同樣,布局設計需要經過很多次才能在屏幕上顯示,因為在原生設計布局之前,它需要想盡辦法到達Yoga引擎,當然這也意味著要通過橋接器。可以看到異步序列化來回發送JSON數據是怎樣造成性能問題的,但是如何使JavaScript與本機通信呢?這就要靠JSI發揮作用了。

新架構

重構版的ReactNative將逐漸棄用橋接器,轉而采用新元素——JavaScript接口(JSI)。JSI的一些改進令人驚喜,首先就是JS軟件包不再依賴JSC。換句話說,現在可以輕松地將JSC引擎與其他(可能更高性能的)JavaScript引擎互換,例如V8。

第二個改進針對的是這種新架構的基礎:“通過使用JSI,JavaScript可以保存對C++主機對象的引用并對其調用方法。JavaScript和原生領域將真正彼此了解。”

這也意味著JSI將允許所有線程之間完全互操作。通過共享所有權,JavaScript代碼可以直接從JS線程運行原生方法,不需要將要傳遞的消息序列化為JSON,這消除了橋接器上的所有擁塞和異步問題。

除了顯著改善不同線程之間的通信之外,這種新架構還可以直接控制原生模塊。這意味著我們可以在需要時使用原生模塊,而不是在啟動時將它們全部引導一次。這大大提高了性能,節省了啟動時間。

在掌握了C ++的強大功能的基礎上,懂得如何將React Native用于定位非常大的系統面板是很容易的。

推出這么多年,ReactNative已過時、待清理、需維護的部分已經積攢很多了,React Native框架已經清除了某些功能,諸如Webview或AsyncStorage之類的模塊正逐漸從React Native核心中移出,將轉變為社區管理的存儲庫。

憑借新的精簡核心模塊以及JavaScript代碼與原生代碼之間強大的互操作性機制,React Native重構將實現許多性能改進和更全方位的開發人員工作流。它計劃在2020年第四季度之前完成全面重組,更好的性能和全新開發體驗十分令人期待。

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • 可重構
    +關注

    關注

    0

    文章

    8

    瀏覽量

    9117
  • ui
    ui
    +關注

    關注

    0

    文章

    206

    瀏覽量

    21683
  • reactjs
    +關注

    關注

    0

    文章

    4

    瀏覽量

    4636
收藏 人收藏

    評論

    相關推薦
    熱點推薦

    USB4和TBT4平臺的ccg6sf/df配置設置何不同?

    :CYPD6128-48LQXI_notebook_dualapp_rkl_config.cyacd)以支持 USB4 平臺? 1. USB4 和 TBT4 平臺的 ccg6sf/df 配置設置何不同? 2. 對于 USB4 平臺,我能否使用 HOST SDK3.6 來
    發表于 05-22 06:27

    tscircuit - 電路開發的 React 范式? 用TypeScript、React和 AI工具構建電子產品

    用 TypeScript、React 和 AI 工具構建電子產品。
    的頭像 發表于 04-30 18:18 ?578次閱讀
    tscircuit - 電路開發的 <b class='flag-5'>React</b> 范式?   用TypeScript、<b class='flag-5'>React</b>和 AI工具構建電子產品

    如何在Ubuntu 24.04上運行5.4.47版本

    我正在為我們自己的 imx8mm 板升級我們的構建機器。我們仍然使用 5.4.47 版本作為我們的 BSP 基礎,并在 Ubuntu 18.04 上運行我們的構建 # Used reporepo
    發表于 04-11 06:08

    使用VIRTUALLAB FUSION仿真光纖光學

    使用戶界面更加友好。 但是,當我們等待新功能在即將發布的版本中發布時,當前版本中其實已經很多您可以享受到的功能! 查看下面的用例,獲取一些啟發吧。 用于光纖耦合的不同透鏡的比較 為
    發表于 03-20 18:18

    請問DLP2000和DLP2010區別是什么?用途何不同?

    請問DLP2000和DLP2010區別是什么?用途何不同? DLP2000EVM板能否驅動DLP2010的DLP芯片?
    發表于 02-25 08:11

    使用SSR構建React應用的步驟

    使用SSR(Server-Side Rendering,服務器端渲染)構建React應用的步驟通常包括以下幾個階段: 一、項目初始化與配置 創建React項目 : 可以使用Create React
    的頭像 發表于 11-18 11:30 ?742次閱讀

    簡述大前端技術棧的渲染原理

    應用開發:Android、iOS、鴻蒙(HarmonyOS)等; ?Web前端框架:Vue、React、Angular等; ?小程序開發:微信小程序、京東小程序、支付寶小程序等; ?跨平臺解決方案:React Native、Fl
    的頭像 發表于 11-07 10:11 ?578次閱讀

    Taro鴻蒙技術內幕系列(一):如何將React代碼跑在ArkUI上

    基于 Taro 打造的京東鴻蒙 APP 已跟隨鴻蒙 Next 系統公測,本系列文章將深入解析 Taro 如何實現使用 React 開發高性能鴻蒙應用的技術內幕。
    的頭像 發表于 10-25 17:24 ?661次閱讀
    Taro鴻蒙技術內幕系列(一):如何將<b class='flag-5'>React</b>代碼跑在ArkUI上

    Percepio Tracealyzer 4.9版本改善Linux用戶體驗

    嵌入式邊緣系統工具解決方案的領先供應商Percepio AB宣布提供Tracealyzer4.9版本——這是其嵌入式軟件旗艦可觀察性工具的最新更新。
    的頭像 發表于 10-22 14:08 ?649次閱讀

    達索系統SOLIDWORKS2025新版本即將來襲

    在CAD軟件領域,SOLIDWORKS作為達索系統旗下的旗艦產品,一直以其優越的三維設計與工程解決方案而著稱。隨著技術的不斷進步和用戶需求的日益增長,SOLIDWORKS即將迎來其又一
    的頭像 發表于 10-12 14:18 ?1352次閱讀

    辦法能改善波形的上升沿和下降沿嗎?

    你好!如下左圖所示,用一個CT(變比3000:1,直流電阻610Ω)對變壓器的初級電流信號(開關頻率是20KHz)進行采集。I/V轉換如下右圖所示 轉換后的電壓波形(電容C1沒焊接)如下圖所示(黃色)。辦法能改善波形的上升沿和下降沿嗎(最好是像方波那樣的)?
    發表于 09-30 07:37

    重構改善既有代碼的設計」實戰篇

    背景 在軟件開發的世界里,代碼重構是提升項目質量、適應業務變化的關鍵步驟。最近,我重新翻閱了《重構改善既有代碼的設計 第二版》,這本書不僅重新點燃了我對重構的熱情,還深化了我的理解:
    的頭像 發表于 08-14 10:42 ?534次閱讀
    「<b class='flag-5'>重構</b>:<b class='flag-5'>改善</b>既有代碼的設計」實戰篇

    Matter和Z-Wave何不同?它們的應用哪些?

    Labs(亦稱“芯科科技”)廣泛支持智能家居行業中較具潛力的兩種現有標準:Matter 和 Z-Wave,并制作本篇博文幫助開發人員了解這兩項標準的特性、它們之間何不同、它們對智能家居用戶和開發人員的意義,以及對應的解決方案和設計考量。
    的頭像 發表于 07-24 16:45 ?986次閱讀

    何不用wifi_station_scan() 取得當前已經連線AP的BSSID?

    請問如何不用 wifi_station_scan() 取得當前已經連線 AP 的 BSSID? 使用 wifi_station_scan() 會造成當前連線出現斷線等問題,是否其他不影響連線的取得方式?
    發表于 07-12 15:25

    請問IDF中的pthread和Task相比何不同?

    IDF中的 pthread 和 Task 相比何不同?
    發表于 06-24 06:46
    主站蜘蛛池模板: 黄网站色视频 | 天天舔天天 | 天天干干干 | 在线免费观看一区二区三区 | 日韩一级欧美一级 | 黄网在线观看免费 | 毛片爱做的片 | 亚洲欧美日韩在线观看你懂的 | 五月婷婷视频在线观看 | 久久综合九色综合网站 | 日本动漫天堂 | 99久久99久久久99精品齐 | 羞羞影院男女午夜爽爽影视 | 天堂最新在线资源 | 性久久久久久久久 | 五月婷婷狠狠 | 视频在线你懂的 | 国产亚洲精品久久久久久牛牛 | 老师解胸罩喂我吃奶 | 91啪在线视频 | 操伊人| 日韩午夜片 | 国产三级日本三级美三级 | 高h细节肉爽文bl1v1 | 性欧美欧美 | www.亚洲免费 | 天天射综合 | 国产亚洲婷婷香蕉久久精品 | 欧美色婷婷天堂网站 | 日本暴力喉深到呕吐hd | 性夜黄a爽影免费看 | 日色视频 | 一级毛片免费不卡直观看 | 一区二区三区影视 | 三级欧美在线 | www.激情.com | 老熟女毛片 | 丁香花在线视频观看免费 | 亚洲国内精品 | 宅男lu66国产在线播放 | 亚洲最大成人网色 |