反性數據獲取繼電器

Facebook受歡迎的前端圖書館React

正在徹底改變網絡開發。 本文探討了Relay，這是一個輔助框架，旨在簡化React應用程序中的數據獲取。

密鑰概念：

• 中繼的目的：繼電器，也來自Facebook，可以解決React中數據獲取的複雜性，提供了一種聲明性的方法，可以簡化數據管理。 它將數據獲取與組件定義無縫集成，增強代碼的清晰度和可維護性。 >
>
• 通量和hocs：在基於通量原理（單向數據流）構建時，繼電器引入了高階組件（HOCS）。 這些HOC封裝了數據獲取邏輯的數據，既充當調度員和商店，簡化了數據處理。
• GraphQl Integration：繼電器利用GraphQl，Facebook的圖形數據的查詢語言。這需要設置GraphQL架構和服務器，這是現有項目的重要工作。 Facebook的接力開胃套件有助於新項目開發。
替代方案：
• 對於現有項目，實施GraphQL的開銷可能是令人望而卻步的。 繼電器啟發的替代方案>使用Promises而不是GraphQl，提供了較小的破壞性集成路徑。 目前，中繼缺乏完全同構應用支持，儘管這是針對將來發行的。 > react-transmit

解決React的數據提出挑戰：

> 作為React項目規模，數據管理變得越來越複雜。 雖然React擅長視圖層，但最初缺乏強大的數據提取機制導致了挑戰。 Flux，Facebook的響應，改進了事件處理，但引入了數據初始化的複雜性。繼電器旨在解決這些問題。

>中繼的優點：

聲明樣式：

>類似於React的組件定義，繼電器使用聲明的方法來指定數據依賴性，增強可讀性和可維護性。
• >>數據串聯：>數據獲取邏輯與組件定義一起，使代碼更易於理解和調試。
• >無縫數據修改：繼電器的突變功能可確保數據更新，從而傳播到持久性層的更改。 >
• >繼電器與通量：
繼電器基於通量，但提供了更具體的實現。 在共享諸如調度員，動作和商店之類的概念時，中繼的HOC提供了不同的建築方法。 繼電器與REDUX等現有通量實現的兼容性仍然是正在進行的討論的領域。 繼電器中的高階組件（HOCS）：

繼電器包裹子組件中的 HOCS，管理數據獲取並充當調度員和商店。

觸發數據獲取和更新之類的方法。 下面的示例說明了使用繼電器hoc： setQueryParams()的組件 ProfilePicture

這個事件將數據獲取並將其作為props傳遞到

<code class="language-javascript">class ProfilePicture extends React.Component {
  // ...
}

module.exports = Relay.createContainer(ProfilePicture, {
  fragments: {
    user: () => Relay.QL`
      fragment on User {
        profilePicture(size: $size) {
          uri,
        },
      }
    `,
  },
});</code>

>。

> ProfilePicture

graphQl的角色：

>中繼的GraphQl集成需要設置GraphQL架構和服務器。 儘管有力，但這增加了現有項目的複雜性。 提供不含GraphQL的替代方案。

中繼的當前狀態和未來路線圖：react-transmit>

>中繼目前正在開源技術預覽中。 儘管缺乏全面的同構支持，但未來的計劃包括更廣泛的數據源適配器和改進的同構功能。

常見問題（常見問題解答）：

>

本節提供了有關繼電器，與其他GraphQL客戶端（Apollo Client，URQL）的比較的常見問題的答案，數據獲取機制，緩存策略，錯誤處理，繼電器編譯器，分頁，分頁，與其他庫的兼容性。 （注意：原始常見問題解答非常廣泛，在這裡重現它們會過長。

以上是反性數據獲取繼電器的詳細內容。更多資訊請關注PHP中文網其他相關文章！