反性数据获取继电器

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中文网其他相关文章！