RelayReact 数据驱动 JavaScript 框架
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 );
评论
re-baseJavaScript 数据驱动框架
re-base是基于Relay的构建ReactJS和Firebase应用的工具库,结合了React和Firebase的优势,允许每个组件指定自身的数据依赖,无需关注数据持久化,专注于应用的关键问题。特
re-baseJavaScript 数据驱动框架
0
DatabotPython 数据驱动编程框架
用于Web爬虫、ETL、数据管道任务开发的高性能Python数据驱动编程框架。特性:数据驱动编程框架基于协程的并行基于类型和内容的函数路由安装: pipinstall-UdatabotDatabot
DatabotPython 数据驱动编程框架
0
IGListKit数据驱动的 UICollectionView 框架
IGListKit是Instagram程序员做的一个数据驱动的UICollectionView框架,为了构建快速和可扩展的列表。另外,它有助于你在app结束对于大量视图控制器的使用。
IGListKit数据驱动的 UICollectionView 框架
0
IGListKit数据驱动的 UICollectionView 框架
IGListKit 是 Instagram 程序员做的一个数据驱动的 UICollectionVie
IGListKit数据驱动的 UICollectionView 框架
0
Nodom2基于数据驱动的前端框架
NoDom是一套基于数据驱动渲染的的前端框架,用于搭建单页应用(SPA),目前发展到2.0版本。在1.0的基础上,2.0版本做了以下几个大的改变:由htmlelement全面改成虚拟dom,即由jso
Nodom2基于数据驱动的前端框架
0