awesome-relay

Relay guide

A curated collection of resources and documentation for building with Relay, including tutorials, overviews, and example implementations.

Awesome resources for Relay

GitHub

277 stars
18 watching
31 forks
last commit: almost 5 years ago
Linked from 3 awesome lists

facebook-relaygraphqlreactreactjsrelay

Learning Resources / Documentation

Official DocsOfficial Relay documentation

Learning Resources / FAQs

Unofficial Relay FAQCommon questions answered! Relay resources are scarce at the moment, so this is very helpful if you get stuck

Learning Resources / Tutorials

Getting Started with RelayOne of the few detailed walk throughs of hand-on Relay
Relay 101: Building A Hacker News ClientA complete workable example

Learning Resources / Tutorials / Relay 101: Building A Hacker News Client

Relay 102: MutationsA follow up to "Relay 101" concentrating on mutations

Learning Resources / Tutorials

Facebook Relay talk - Lunch and Learn sessionWalkthrough of building a simple app, and demonstration of
A Beginner's Guide to Relay MutationsMutations in depth
Learn RelayShows 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

Learning Resources / Overviews

React Data Fetching with RelayClear conceptual overview of Relay's moving parts and magic
Joseph Savona - Relay: An Application Framework For ReactConceptual overview of Relay from the Facebook team
F8 2015 - React Native & Relay: Bringing Modern Web Techniques to MobileOverview of Relay, some about the philosophy
Relay - Daniel Dembach - Hamburg React.js MeetupA good general overview of Relay, some discussion of alternatives. Common questions are covered in Q&A at the end
Facebook Relay talk - Lunch and Learn sessionWalkthrough of building a simple app, and demonstration of
React with Relay and GraphQL with Andrew SmithHigh 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 LearnersVery clear set of diagrams laying out how the different parts of Relay relate to each other
Relay: Seamless Syncing For ReactAn overview of what Relay is, and some discussion of experience using it in production

Learning Resources / Overviews / Cartoon Intro to Facebook's 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

Learning Resources / Example Implementations

Relay TODO MVC158almost 2 years agoThe classic TODO example app, written with Relay
relay-chat90over 9 years agoRelay with routing and pagination
koa-graphql-relay-example99almost 10 years ago"TODO" app with and
todomvc-relay-go66about 10 years agoRelay TodoMVC app, driven by a Golang GraphQL backend

Learning Resources / Lists of Lists

Relay and GraphQL Introduction Materials

Ecosystem / Libraries & Packages

graphql-relay-js1,543about 2 years agoSimplifies creating a JS GraphQL server for
Babel Relay PluginUse Relay the latest ES6+ syntax
react-router-relay558about 7 years agobindings for Relay. Greatly simplifies many local state UI uses cases

Ecosystem / Libraries & Packages / react-router-relay

Relay and RoutingA well-articulated walk through of , and the problems that it solves
relay-nested-routesGenerate nested routes that reflect nested data. Helpful for managing deep data
isomorphic-relay-router137almost 9 years agoServer side rendering support for

Ecosystem / Libraries & Packages

relay-decorator19almost 7 years agoSimply syntax for Relay containers with ES7 decorators ( syntax)
recompose-relayEase composition of Relay containers by currying and providing the component after the container
relay-local-schema253almost 2 years agoUse a local schema; no need for a remote GraphQL server
react-native-relay74over 10 years agoUse Relay with React Native

Ecosystem / Libraries & Packages / react-native-relay

out of the box18,434almost 2 years agoMay be supported in the future

Ecosystem / Libraries & Packages

relay-sink125over 9 years agoUse Relay to fetch and store data outside of a React component
babel-plugin-flow-relay-query38almost 9 years agoConvert types into Relay fragments
sequelize-relay76almost 8 years agoMake Relay compatible with
relay-mongodb-connection40almost 9 years agoCreate Relay connections from MongoDB cursors
relay-composite-network-layer49over 10 years agoCompose your Relay Network Layer of many different Network Layers each with their own schema
react-relay-network-layer277almost 8 years agoA Network Layer that adds support for query-batching and middlewares. It additionally provides some useful middlewares such as for auth, for logging, etc

Ecosystem / Tooling

GraphiQL16,150almost 2 years agoA library to introspect GraphQL, test queries and mutations

Ecosystem / Tooling / GraphiQL

GraphiQL App2,969about 3 years agoA standalone app for viewing GraphQL, introspection docs, and testing queries/mutations. Invaluable for debugging your Relay app

Ecosystem / Tooling

relay-local-schema253almost 2 years agoUse a local schema; no need for a remote GraphQL server
Babel Relay PluginUse Relay the latest ES6+ syntax

Ecosystem / Starter Kits

Relay Skeleton125over 10 years agoRelay project skeleton
Relay Starter Kit1,011about 9 years agoAn app that it already set up with a basic setup. Just clone and tweak to suit your needs!
Node.js API Starter Kit3,888almost 2 years agoBoilerplate and tooling for building data APIs with Node.js, GraphQL and Relay
Simple Relay Starter156over 9 years agoA Browserify version of the
UniversalRelayBoilerplateBoilerplate + examples for React Native (iOS, Android), React (isomorphic, Material-UI), Relay, GraphQL, JWT, Node.js, Apache Cassandra
Relay on Rails Starter Kit43almost 11 years agoA barebones starter kit for Relay application on Rails server. Just clone and tweak!
Relay Fullstack984almost 9 years agoRelay Starter Kit integrated with Relay, Express, Webpack, Babel, Material Design Lite, and PostCSS

Relay-Specific Server Support / Go

Go Relay422almost 6 years agoA Go/Golang library to help construct a graphql-go server supporting react-relay
todomvc-relay-go66about 10 years agoReact/Relay TodoMVC app, driven by a Golang GraphQL backend

Relay-Specific Server Support / JavaScript

graphql-relay-js1,543about 2 years agoSimplifies creating a JS GraphQL server for

Relay-Specific Server Support / Python

graphql-relay-py145over 3 years agoA library to help construct a server supporting

Relay-Specific Server Support / Ruby

graphql-relay-rubyRelay helpers for GraphQL & Ruby

Relay-Specific Server Support / Ruby / Rails

GraphQL and Relay on Rails — First relay powered react componentFull walk through of a simple Relay setup, including clonable code
Relay/GraphQL On RailsA brief example of Relay with Rails, complete with several diagrams to aid in comprehension
Relay on Rails Starter Kit43almost 11 years agoA barebones starter kit for Relay application on Rails server. Just clone and tweak!

Relay-Specific Server Support / Scala

sangria-relay90almost 2 years agoRelay support for

Testing

Writing Simple Unit Tests with RelayAn early first look at testing Relay

Backlinks from these awesome lists:

More related projects: