Track Awesome Relay Updates Weekly
Awesome resources for Relay
🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 expede/awesome-relay · ⭐ 257 · 🏷️ Front-End Development
Jan 09 - Jan 15, 2017
Starter Kits
- Node.js API Starter Kit (⭐3.6k) - Boilerplate and tooling for building data APIs with Node.js, GraphQL and Relay
Oct 17 - Oct 23, 2016
Tutorials
- Learn Relay - Shows you how to make a Pokemon-themed CRUD app, providing a personal, cloud-based GraphQL backend so you can focus on the client-side code.
May 16 - May 22, 2016
Libraries & Packages
react-relay-network-layer- A Network Layer that adds support for query-batching and middlewares. It additionally provides some useful middlewares such as for auth, for logging, etc.
May 02 - May 08, 2016
Starter Kits
- UniversalRelayBoilerplate (⭐713) Boilerplate + examples for React Native (iOS, Android), React (isomorphic, Material-UI), Relay, GraphQL, JWT, Node.js, Apache Cassandra.
Mar 14 - Mar 20, 2016
Ruby / Rails
- Relay on Rails Starter Kit (⭐42) - A barebones starter kit for Relay application on Rails server. Just clone and tweak!
Starter Kits
- Relay Fullstack (⭐993) - Relay Starter Kit integrated with Relay, Express, Webpack, Babel, Material Design Lite, and PostCSS.
Mar 07 - Mar 13, 2016
Tutorials
- Relay 101: Building A Hacker News Client - A complete workable example.
- Relay 102: Mutations - A follow up to "Relay 101" concentrating on mutations.
Starter Kits
- Relay Skeleton (⭐125) - Relay project skeleton.
Ruby / Rails
- GraphQL and Relay on Rails — First relay powered react component - Full walk through of a simple Relay setup, including clonable code.
- Relay/GraphQL On Rails - A brief example of Relay with Rails, complete with several diagrams to aid in comprehension.
Feb 29 - Mar 06, 2016
Libraries & Packages
relay-composite-network-layer- Compose your Relay Network Layer of many different Network Layers each with their own schema.
Feb 15 - Feb 21, 2016
Overviews
- Joseph Savona - Relay: An Application Framework For React - Conceptual overview of Relay from the Facebook team.
- Relay: Seamless Syncing For React - An overview of what Relay is, and some discussion of experience using it in production.
Libraries & Packages
react-router-relay-react-routerbindings for Relay. Greatly simplifies many local state UI uses cases.- Relay and Routing - A well-articulated walk through of
react-router-relay, and the problems that it solves. relay-nested-routes- Generate nested routes that reflect nested data. Helpful for managing deep data.isomorphic-relay-router- Server side rendering support forreact-router-relay.
- Relay and Routing - A well-articulated walk through of
babel-plugin-flow-relay-query- Convert Flow types into Relay fragments.
sequelize-relay- Make Relay compatible withsequelize.
relay-mongodb-connection- Create Relay connections from MongoDB cursors.
Scala / Rails
- Writing Simple Unit Tests with Relay - An early first look at testing Relay.
Feb 01 - Feb 07, 2016
Tutorials
- A Beginner's Guide to Relay Mutations - Mutations in depth.
Dec 28 - Jan 03, 2015
FAQs
- Unofficial Relay FAQ - Common questions answered! Relay resources are scarce at the moment, so this is very helpful if you get stuck.
Overviews
- Facebook Relay talk - Lunch and Learn session - Walkthrough of building a simple app, and demonstration of GraphiQL (⭐14k).
- F8 2015 - React Native & Relay: Bringing Modern Web Techniques to Mobile - Overview of Relay, some about the philosophy.
- Relay - Daniel Dembach - Hamburg React.js Meetup - A good general overview of Relay, some discussion of alternatives. Common questions are covered in Q&A at the end.
- React with Relay and GraphQL with Andrew Smith - High level overview of Relay and GraphQL, with some useful discussion from the audience. Some discussion of other front-end frameworks, as well.
- Relay for Visual Learners - Very clear set of diagrams laying out how the different parts of Relay relate to each other.
- Cartoon Intro to Facebook's Relay - An overview of how Relay works, complete with illustrations.
Example Implementations
- Relay TODO MVC (⭐162) - The classic TODO example app, written with Relay.
relay-chat- Relay with routing and pagination.
koa-graphql-relay-example- "TODO" app withkoa-graphqlandrelay.
Go
todomvc-relay-go- React/Relay TodoMVC app, driven by a Golang GraphQL backend.
- Go Relay (⭐397) - A Go/Golang library to help construct a graphql-go server supporting react-relay.
JavaScript
graphql-relay-js- Simplifies creating a JS GraphQL server forreact-relay.
Tooling
- Babel Relay Plugin - Use Relay the latest ES6+ syntax.
relay-local-schema- Use a local schema; no need for a remote GraphQL server.
Libraries & Packages
relay-decorator- Simply syntax for Relay containers with ES7 decorators (@syntax)
recompose-relay- Ease composition of Relay containers by currying and providing the component after the container.
react-native-relay- Use Relay with React Native.- May be supported out of the box (⭐17k) in the future.
relay-sink- Use Relay to fetch and store data outside of a React component.
Starter Kits
- Simple Relay Starter (⭐156) - A Browserify version of the Relay Starter Kit (⭐1k).
Python
graphql-relay-py- A library to help construct agraphql-pyserver supportingreact-relay.
Ruby
graphql-relay-ruby- Relay helpers for GraphQL & Ruby.
Scala / Rails
sangria-relay- Relay support for Sangria.
Dec 14 - Dec 20, 2015
Documentation
- Official Docs - Official Relay documentation.
Tutorials
- Getting Started with Relay - One of the few detailed walk throughs of hand-on Relay.
Overviews
- React Data Fetching with Relay - Clear conceptual overview of Relay's moving parts and magic.
Lists of Lists
Tooling
- GraphiQL (⭐14k) - A library to introspect GraphQL, test queries and mutations.
- GraphiQL App (⭐2.9k) - A standalone app for viewing GraphQL, introspection docs, and testing queries/mutations. Invaluable for debugging your Relay app.
Starter Kits
- Relay Starter Kit (⭐1k) - An app that it already set up with a basic setup. Just clone and tweak to suit your needs!