Relay React 数据驱动 JavaScript 框架

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

主要特性：

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

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

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

简单列表：

classTeaextendsReact.Component{render(){var{name,steepingTime}=this.props.tea;return(<likey={name}>{name}(<em>{steepingTime}min</em>)</li>);}}Tea=Relay.createContainer(Tea,{fragments:{tea:()=>Relay.QL`fragmentonTea{name,steepingTime,}`,},});classTeaStoreextendsReact.Component{render(){return<ul>{this.props.store.teas.map(tea=><Teatea={tea}/>)}</ul>;}}TeaStore=Relay.createContainer(TeaStore,{fragments:{store:()=>Relay.QL`fragmentonStore{teas{${Tea.getFragment('tea')}},}`,},});classTeaHomeRouteextendsRelay.Route{staticrouteName='Home';staticqueries={store:(Component)=>Relay.QL`queryTeaStoreQuery{store{${Component.getFragment('store')}},}`,};}ReactDOM.render(<Relay.RootContainerComponent={TeaStore}route={newTeaHomeRoute()}/>,mountNode);