relayjs/relay-devtools

Name: relay-devtools

Owner: relayjs

Description: Relay Development Tools

Created: 2017-08-01 21:40:44.0

Updated: 2018-05-16 14:14:28.0

Pushed: 2018-04-23 21:41:27.0

Homepage:

Size: 327

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Relay DevTools

Tooling to debug your Relay apps on web and React Native during development.

Installation

For Google Chrome, install the extension from WebStore. After installation “Relay” tab will be available in the Chrome developer tools apps using Relay are inspected.

For inspecting Relay outside of Chrome, such as in Safari or React Native, use the standalone Relay DevTools app.

install -g relay-devtools

Install Relay DevTools into your application somewhere before a Relay Environment is created. Don't forget to remove DevTools when you release to production!

t {Environment} = require('relay-runtime');
t {installRelayDevTools} = require('relay-devtools');

allRelayDevTools();

Environment(...);

Run the Relay DevTools standalone app from the terminal, and it will connect to your running Relay application.

y-devtools

Usage

You can inspect the current state of Relay Store by viewing records from the store and expanding their connections.

In addition to that, you can record all update events happenning to the store and inspect how they changed the store.

Development

Start the webpack devserver to run the app against mock data. Then navigate to localhost:3000.

 start

Extension

Build a Chrome Extension build. The extension output will be placed to the extension folder.

 build:chrome
 test:chrome

Electron

Build an Electron App build. Compile the app into a single importable file and then build the shell. This app is distributed as relay-devtools on npm. [npmjs link][1].

 build:standalone
 test:standalone

License

Relay Devtools is MIT licensed.