このページの内容

Awesome Relay

Relayを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

目次

学習資料

ドキュメント

FAQ

  • 非公式Relay FAQ - よくある質問への回答。現時点ではRelayの資料が少ないため、行き詰まったときにとても役立ちます。

チュートリアル

概要

実装例

リスト集

エコシステム

ライブラリとパッケージ

  • graphql-relay-js - react-relay向けのJavaScript GraphQLサーバー作成を簡単にします。
  • Babel Relay Plugin - Relayで最新のES6+構文を使用できます。
  • react-router-relay - 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コンテナの合成を容易にします。
  • relay-local-schema - ローカルスキーマを利用し、リモートGraphQLサーバーを不要にします。
  • react-native-relay - React NativeでRelayを利用できます。
    • 将来は標準機能として対応する可能性があります。
  • relay-sink - Reactコンポーネントの外部でRelayを使ってデータを取得・保存します。
  • babel-plugin-flow-relay-query - Flowの型をRelay fragmentへ変換します。
  • sequelize-relay - Relayをsequelizeと互換にします。
  • relay-mongodb-connection - MongoDBカーソルからRelay connectionを作成します。
  • relay-composite-network-layer - それぞれ独自のスキーマを持つ複数のNetwork LayerからRelay Network Layerを合成します。
  • react-relay-network-layer - クエリのバッチ処理とミドルウェアへ対応するNetwork Layer。認証やログなどの便利なミドルウェアも提供します。

ツール

  • GraphiQL - GraphQLのイントロスペクションと、query・mutationのテストに使うライブラリ。
    • GraphiQL App - GraphQL、イントロスペクション文書の閲覧、query・mutationのテストに使えるスタンドアロンアプリ。Relayアプリのデバッグに非常に有用です。
  • relay-local-schema - ローカルスキーマを利用し、リモートGraphQLサーバーを不要にします。
  • Babel Relay Plugin - Relayで最新のES6+構文を使用できます。

スターターキット

  • Relay Skeleton - Relayプロジェクトのスケルトン。
  • Relay Starter Kit - 基本設定が済んだアプリ。cloneして用途に合わせて変更するだけです。
  • Node.js API Starter Kit - Node.js、GraphQL、RelayでデータAPIを構築するためのボイラープレートとツール。
  • Simple Relay Starter - Relay Starter KitのBrowserify版。
  • UniversalRelayBoilerplate React Native(iOS、Android)、React(isomorphic、Material-UI)、Relay、GraphQL、JWT、Node.js、Apache Cassandra向けのボイラープレートとサンプル。
  • Relay on Rails Starter Kit - Railsサーバー上のRelayアプリケーション向け最小構成スターターキット。cloneして調整するだけです。
  • Relay Fullstack - Relay、Express、Webpack、Babel、Material Design Lite、PostCSSを統合したRelay Starter Kit。

Relay固有のサーバー対応

Go

  • Go Relay - react-relay対応のgraphql-goサーバー構築を支援するGo/Golangライブラリ。
  • todomvc-relay-go - GolangのGraphQLバックエンドで動くReact/Relay TodoMVCアプリ。

JavaScript

  • graphql-relay-js - react-relay向けのJavaScript GraphQLサーバー作成を簡単にします。

Python

  • graphql-relay-py - graphql-pyreact-relay対応サーバーを構築するのを支援するライブラリ。

Ruby

Rails

Scala

テスト