Relay
Awesome Relay ¶
Learning Resources¶
Documentation¶
- Official Docs - 官方中继文档.
FAQs¶
- Unofficial Relay FAQ - 常见问题解答! 目前中继资源稀缺,所以如果你卡住了,这将非常有帮助.
Tutorials¶
- Getting Started with Relay - 为数不多的动手接力的详细演练之一.
- Relay 101: Building A Hacker News Client - 一个完整的可行示例.
- Relay 102: Mutations - 关注突变的“Relay 101”的后续行动.
- Facebook Relay talk - Lunch and Learn session - 构建简单应用程序的演练和演示 GraphiQL.
- A Beginner's Guide to Relay Mutations - 深度突变.
- Learn Relay - 向您展示如何制作以口袋妖怪为主题的 CRUD 应用程序,提供基于云的个人 GraphQL 后端,以便您可以专注于客户端代码.
Overviews¶
- React Data Fetching with Relay - 对 Relay 的移动部件和魔法进行清晰的概念性概述.
- Joseph Savona - Relay: An Application Framework For React - 来自 Facebook 团队的 Relay 概念概述.
- F8 2015 - React Native & Relay: Bringing Modern Web Techniques to Mobile - Relay 的概述,一些关于理念的内容.
- Relay - Daniel Dembach - Hamburg React.js Meetup - 对 Relay 的总体概述,对替代方案的一些讨论. 常见问题在最后的问答中涵盖.
- Facebook Relay talk - Lunch and Learn session - 构建简单应用程序的演练和演示 GraphiQL.
- React with Relay and GraphQL with Andrew Smith - Relay 和 GraphQL 的高级概述,以及来自听众的一些有用的讨论. 其他前端框架的一些讨论,以及.
- Relay for Visual Learners - 一组非常清晰的图表,展示了 Relay 的不同部分如何相互关联.
- Relay: Seamless Syncing For React - 概述 Relay 是什么,以及一些关于在生产中使用它的经验的讨论.
- Facebook Relay 的卡通介绍 - 概述 Relay 的工作原理,并附有插图.
- Part 1: Saying what data you need with GraphQL
- Part 2: Fetching data from the server
- Part 3: Syncing changes back up to the server
- Part 4: How it all fits together
Example Implementations¶
- Relay TODO MVC - 经典的 TODO 示例应用程序,使用 Relay 编写.
relay-chat
- 中继与路由和分页.koa-graphql-relay-example
- “TODO”应用程序koa-graphql
和“继电器”.todomvc-relay-go
- 中继 TodoMVC 应用程序,由 Golang GraphQL 后端驱动.
Lists of Lists¶
Ecosystem¶
Libraries & Packages¶
graphql-relay-js
- 简化了为“react-relay”创建 JS GraphQL 服务器的过程.- Babel Relay Plugin - 使用 Relay 最新的 ES6+ 语法.
react-router-relay
- 用于中继的“react-router”绑定. 大大简化了许多本地状态 UI 用例.- Relay and Routing - 一个清晰的
react-router-relay
演练,以及它解决的问题. relay-nested-routes
- 生成反映嵌套数据的嵌套路由. 有助于管理深层数据.isomorphic-relay-router
- 对“react-router-relay”的服务器端渲染支持.relay-decorator
- 带有 ES7 装饰器的 Relay 容器的简单语法(@
语法)recompose-relay
- 通过柯里化并在容器之后提供组件来简化中继容器的组合.relay-local-schema
- 使用本地模式; 不需要远程 GraphQL 服务器.react-native-relay
- 将 Relay 与 React Native 结合使用.- 可能会得到支持 out of the box 将来.
relay-sink
- 使用 Relay 在 React 组件之外获取和存储数据.babel-plugin-flow-relay-query
- 转变 Flow 类型为中继片段.sequelize-relay
- 使中继兼容sequelize
.relay-mongodb-connection
- 从 MongoDB 游标创建中继连接.relay-composite-network-layer
- 由许多不同的网络层组成您的中继网络层,每个网络层都有自己的模式.react-relay-network-layer
- 添加对查询批处理和中间件支持的网络层. 它还提供了一些有用的中间件,例如用于身份验证、用于日志记录等.
Tooling¶
- GraphiQL - 一个用于内省 GraphQL、测试查询和突变的库.
- GraphiQL App - 用于查看 GraphQL、内省文档和测试查询/突变的独立应用程序. 对于调试 Relay 应用程序非常有用.
relay-local-schema
- 使用本地模式; 不需要远程 GraphQL 服务器.- Babel Relay Plugin - 使用 Relay 最新的 ES6+ 语法.
Starter Kits¶
- Relay Skeleton - 中继项目框架.
- Relay Starter Kit - 已经设置了基本设置的应用程序. 只需克隆和调整以满足您的需求!
- Node.js API Starter Kit - 用于使用 Node.js、GraphQL 和 Relay 构建数据 API 的样板和工具
- Simple Relay Starter - Browserify 版本 Relay Starter Kit.
- UniversalRelayBoilerplate 样板 + React Native(iOS、Android)、React(同构、Material-UI)、Relay、GraphQL、JWT、Node.js、Apache Cassandra 的示例.
- Relay on Rails Starter Kit - 用于 Rails 服务器上的中继应用程序的准系统入门工具包. 只需克隆和调整!
- Relay Fullstack - 与 Relay、Express、Webpack、Babel、Material Design Lite 和 PostCSS 集成的 Relay Starter Kit.
Relay-Specific Server Support¶
Go¶
- Go Relay - 一个 Go/Golang 库,用于帮助构建支持 react-relay 的 graphql-go 服务器.
todomvc-relay-go
- React/Relay TodoMVC 应用程序,由 Golang GraphQL 后端驱动.
JavaScript¶
graphql-relay-js
- 简化了为“react-relay”创建 JS GraphQL 服务器的过程.
Python¶
graphql-relay-py
- 帮助构建支持“react-relay”的“graphql-py”服务器的库.
Ruby¶
graphql-relay-ruby
- GraphQL 和 Ruby 的中继助手.
Rails¶
- GraphQL and Relay on Rails — First relay powered react component - 完整介绍一个简单的 Relay 设置,包括可克隆代码.
- Relay/GraphQL On Rails - Relay with Rails 的简短示例,并附有几个图表以帮助理解.
- Relay on Rails Starter Kit - 用于 Rails 服务器上的中继应用程序的准系统入门工具包. 只需克隆和调整!
Scala¶
sangria-relay
- 中继支持 Sangria.
Testing¶
- Writing Simple Unit Tests with Relay - 早期先看看测试中继.