授权协议: MIT
开发语言: JavaScript
操作系统: 跨平台
开发厂商: Facebook
收录时间: 2015-09-16
提 交 者: 叶秀兰
温馨提示:

Relay 是构建数据驱动 React 应用的 JavaScript 框架。

主要特性:

  • 声明式:不再使用一个命令式 API 与数据存储通讯。简单的使用 GraphQL 声明你的数据需求,让 Relay 理解如何,什么时候获取你的数据。

  • 托管:查询在视图后面,Relay 聚合查询成有效的网络请求,只获取你需要的数据。

  • 转变:Relay 允许你使用 GraphQL mutations 在客户端和服务器端转变数据,提供自动数据一致,优化更新和错误处理。

简单列表:

class Tea extends React.Component {
  render() {
    var {name, steepingTime} = this.props.tea;
    return (
      <li key={name}>
        {name} (<em>{steepingTime} min</em>)
      </li>
    );
  }
}
Tea = Relay.createContainer(Tea, {
  fragments: {
    tea: () => Relay.QL`
      fragment on Tea {
        name,
        steepingTime,
      }
    `,
  },
});
class TeaStore extends React.Component {
  render() {
    return <ul>
      {this.props.store.teas.map(
        tea => <Tea tea={tea} />
      )}
    </ul>;
  }
}
TeaStore = Relay.createContainer(TeaStore, {
  fragments: {
    store: () => Relay.QL`
      fragment on Store {
        teas { ${Tea.getFragment('tea')} },
      }
    `,
  },
});
class TeaHomeRoute extends Relay.Route {
  static routeName = 'Home';
  static queries = {
    store: (Component) => Relay.QL`
      query TeaStoreQuery {
        store { ${Component.getFragment('store')} },
      }
    `,
  };
}
ReactDOM.render(
  <Relay.RootContainer
    Component={TeaStore}
    route={new TeaHomeRoute()}
  />,
  mountNode
);

 

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

Relay 的相关博客

Relay log read failure: Could not parse relay log

Relay log read failure: Could not parse relay log event entry解决方案...

Mail Relay Test

An outside individual who uses your mail server to deliver email using a false email address is considered relaying m...

React Relay 实现

###React客户端调用GraphQL ####一、通过Relay框架中的QueryRenderer组件实现数据交互,有2点需要注意一下: 1.query的命名:...

数据库中继器SQL Relay

SQLRelay 是一个持久化的数据库连接池,用来为 Unix 或者 Linux 提供数据库连接池、代理以及负载均衡的功能。 SQL Relay 的应...

华为DHCP+VLANDHCP RELAY配置重点

拓扑如下: 1、SW和Router均需开启DHCP enable,以及配置对应的vlan 2、DHCP RELAY信息配置在SW里面 3、DHCP POOL配置在Route...

media-relay 启动失败

搭建sip服务器,需要media proxy穿透,包含mediaproxy-dispatcher mediaproxy-relay mediaproxy-web-sessions模块 fatal erro...

postfix Relay access denied问题

postfix用客户端外发游戏出现Relay access denied,拒绝发信 解决办法: 编辑/etc/postfix/main.cn,找到 smtpd_recipient_re...

Relay 的相关问答

还没有任何问答,马上提问

评论 (0)

加载中
更多评论
0 评论
88 收藏
分享
在线直播报名
返回顶部
顶部