Facebook重寫React和Relay框架,旨在提升效能
Facebook 已完全重寫用於構建使用者介面的 React 框架。新的專案名稱為 React Fiber,其在公佈之前就已在 Facebook.com 執行使用。現在,Facebook 將此專案公示,並計劃在今年推出 React 16.0 之後將它向開發者開放。
同時,Facebook 也表示已重寫 React 的資料驅動框架 Relay。
React Fiber
React Fiber 包含 React 最初的開發理念,也相容現有的基於 React 的應用程式。Facebook 將其作為 React 框架未來改進和功能開發的基礎。
關於為何重寫 React 的問題,React 核心開發團隊的 Ben Alpert 說道:“這並不代表舊程式碼存在問題,而是我們希望從一個新起點開始,繼續往前發展。”這意味著新程式碼從一開始就是可擴充套件的。Alpert 強調,重寫後的框架會帶來一些突破性的變化,強大的 API 合約將給專案的更新帶來靈活性。
Relay Modern
Relay 的重寫主要在其效能和可擴充套件性。Relay 將 React 與 Facebook 的 GraphQL 查詢語言結合起來成就了 Relay Modern,它旨在推動 Relay 的理念,並克服原始設計的一些限制,即簡化設計以提高框架整體效能。
Relay Modern 保留了 Relay 的最佳部分:
共同定位的資料和檢視定義
宣告式資料提取
同時:
簡化 API
增加新功能
簡化框架大小以提升效能等
Facebook 表示,當他們將 Facebook 應用程式中的 Marketplace 選項卡從“Relay”轉接到“Relay Modern”時,Android 上互動的時間平均提高了 900ms,使應用程式的響應更敏捷。
本文來自開源中國社群 [http://www.oschina.net]
相關文章
- 硬核解讀,WeTune是如何提升資料庫查詢重寫效能?資料庫
- 使用react-hook 重寫 react-reduxReactHookRedux
- 函式的提升與重寫函式
- 看Facebook是如何優化React Native效能優化React Native
- React 效能優化 - 避免重複渲染React優化
- 手寫簡易版React框架React框架
- influxdb 筆記: 寫高可用 RelayUX筆記
- 【譯】快取 React 中事件監聽來提升效能快取React事件
- Github Atom 將改用 React 編輯器,提升效能GithubReact
- 【like-react】手寫一個類似 react 的框架React框架
- React教程:元件,Hooks和效能React元件Hook
- 高效能 React: 3 種提升 APP 速度的新工具ReactAPP
- 自定義元件重寫框架 artisan 快速建立 Controller 和 Model元件框架Controller
- Slack使用React重寫Web客戶端ReactWeb客戶端
- 用 vue 寫小程式,基於 mpvue 框架重寫 weuiVue框架UI
- 編寫高效能React元件-傳值篇React元件
- React多頁面應用3(webpack效能提升,包括打包效能、提取公共包等)ReactWeb
- 從Facebook的React框架事件學習一下開源協議React框架事件協議
- JdonSD框架使用快取提升效能出具測試報告:框架快取測試報告
- 輕量級AJAX框架buffalo 2.0釋出 效能大幅提升框架
- react知識(二)重寫JSX編譯原理ReactJS編譯原理
- 【JAVA】重寫和過載Java
- ACCESS大批量資料寫入之效能提升方案
- 換個角度提升APP效能和質量APP
- React 的行內函數和效能React函數
- mysql relay log和binlog 小結MySql
- c#重寫和多型C#多型
- 【c#】重寫和過載C#
- 繼承 重寫和抽象類繼承抽象
- java~重寫hashcode和equalsJava
- 網頁效能管理:重繪和重排網頁
- Flutter 1.17 中的導航解密和效能提升Flutter解密
- Facebook AI新框架「TensorMask」AI框架ORM
- javascript效能提升之路JavaScript
- .NET MAUI 效能提升UI
- HashSet中重寫haseCode和equals
- PHP實現url重寫和.htaccessPHP
- 方法重置和重寫的區別