Relay 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Relay 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
Relay 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
Relay 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
Relay 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 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 指数为
超过 的项目

评论 (0)

加载中
更多评论
发表了资讯
2017/08/30 07:40

Relay 1.3.0 发布,React 的数据驱动框架

Relay 是构建数据驱动 React 应用的 JavaScript 框架,它简化了开发复杂的用户界面的过程,为应用提供了一种声明式的,面向组件的提取数据的方法。声明式的数据提取的意思就是,Relay 应用可以指定一下它需要的数据都有什么,不需要说明怎么去提取这些数据。就像 React 那样,只需要描述一下想要的界面,不用考虑视图怎么去更新。Relay 用到了使用 GraphQL 查询的形式去描述需要的数据。Relay 会根据对数据的描述,为了提高效率...

0
6
发表了资讯
2017/05/22 07:31

Relay 1.0.0 发布,React 的数据驱动框架

Relay 是构建数据驱动 React 应用的 JavaScript 框架,它简化了开发复杂的用户界面的过程,为应用提供了一种声明式的,面向组件的提取数据的方法。声明式的数据提取的意思就是,Relay 应用可以指定一下它需要的数据都有什么,不需要说明怎么去提取这些数据。就像 React 那样,只需要描述一下想要的界面,不用考虑视图怎么去更新。Relay 用到了使用 GraphQL 查询的形式去描述需要的数据。Relay 会根据对数据的描述,为了提高效率...

0
9
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2016/03/29 16:27

Relay log read failure: Could not parse relay log

线上有个端口主从复制 SQL线程中断: 具体报错如下: localhost.(none)>show slave status\G; *************************** 1. row ***************************                Slave_IO_State: Waiting for master to send event                   Master_Host: 10.79.112.103                   Master_User: replica                  ...

0
0
发表了博客
2018/02/25 17:46

React Relay 实现

###React客户端调用GraphQL ####一、通过Relay框架中的QueryRenderer组件实现数据交互,有2点需要注意一下: 1.query的命名: 注意query前缀保持和js文件名一致,ex: App.js 命名 AppRankTypeQuery 2.schema.graphql文件的编写 通过yarn run Relay预编译 注意保持各种type不缺失,ex: type RankType implements Node { typeId: ID! typeName: String siteId: Int state: Int createtime: DateTime id...

0
0
发表了博客
2011/12/01 15:05

Mail Relay Test

An outside individual who uses your mail server to deliver email using a false email address is considered relaying mail via your server. A mail server that allows relaying is usually considered to be setup incorrectly and is frequently abused by spammers. These spammers find and use unsecured mail servers to send out unsolicited commercial email. Tracking down a spammer who uses mail servers o...

0
0
发表了博客
2014/03/23 01:13

数据库中继器SQL Relay

SQLRelay 是一个持久化的数据库连接池,用来为 Unix 或者 Linux 提供数据库连接池、代理以及负载均衡的功能。 SQL Relay 的应用思路: 加速数据库驱动的基于 Web 的应用程序 增加 Web 应用程序的可扩展性 分布式的访问复制的数据库系统 对数据库访问进行节流 从不被支持的平台上访问某个数据库 可以轻松的对数据库系统进行移植 负载均衡: 如果你有一个数据库群集或一组复制服务器,SQL中继器可以配置成分发查询多台。还可以设置...

0
0
2017/05/09 18:33

media-relay 启动失败

##安装 首先安装AG Projects(MediaProxy的开发者)的签名key: ```bash wget http://download.ag-projects.com/agp-debian-gpg.key sudo apt-key add agp-debian-gpg.key ``` 在文件`/etc/apt/sources.list`的最后加入下面两行: ```bash deb http://ag-projects.com/ubuntu precise main deb-src http://ag-projects.com/ubuntu precise main ``` **注意** - `precise`这里是和Ubuntu 12.04对应。 最后运行: ```bash...

0
0
2018/03/28 15:55

Introducing Trusted Relay Networks

参考这篇文章

0
0
发表了博客
2018/10/19 09:49

华为DHCP+VLANDHCP RELAY配置重点

拓扑如下: 1、SW和Router均需开启DHCP enable,以及配置对应的vlan 2、DHCP RELAY信息配置在SW里面 3、DHCP POOL配置在Router里面 4、Router里面需要配置默认路由,网关指向SW的vlan10网关 5、连接dhcp客户端的以太网接口均需配置好vlan模式。 SW配置: vlan batch 10 20 30 dhcp enable interface Vlanif10 ip address 12.1.1.1 255.255.255.0 # interface Vlanif20 ip address 192.168.20.1 255.255.255.0 dhcp select rela...

0
0
发表于DevOps专区
2015/12/08 11:51

postfix Relay access denied问题

postfix用客户端外发游戏出现Relay access denied,拒绝发信 解决办法: 编辑/etc/postfix/main.cn,找到 smtpd_recipient_restrictions=permit_sasl_authenticated,      permit_mynetworks,      reject_unauth_destination, 修改成 smtpd_recipient_restrictions = permit_sasl_authenticated,          permit_mynetworks,          reject_unauth_destination,   reject_non_fqdn_sender,  ...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
88 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部