oslabs-beta / Protostar Relay
Licence: mit
Open-source iteration of the official Relay devtool.
Stars: ✭ 161
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Protostar Relay
flipper-plugin-relay-devtools
Flipper plugin for Relay devtools
Stars: ✭ 26 (-83.85%)
Mutual labels: relay, devtools
Get Graphql Schema
Fetch and print the GraphQL schema from a GraphQL HTTP endpoint. (Can be used for Relay Modern.)
Stars: ✭ 443 (+175.16%)
Mutual labels: relay, devtools
Graphql Config
One configuration for all your GraphQL tools (supported by most tools, editors & IDEs)
Stars: ✭ 883 (+448.45%)
Mutual labels: relay, devtools
Laravel Tinker Tools
Use short class names in an Artisan tinker session
Stars: ✭ 134 (-16.77%)
Mutual labels: devtools
Frontend
🌏 The front-end application code for https://buildkite.com
Stars: ✭ 132 (-18.01%)
Mutual labels: relay
Isomorphic Relay Router
Adds server side rendering support to react-router-relay
Stars: ✭ 141 (-12.42%)
Mutual labels: relay
Relay Rails Blog
A graphql, relay and standard rails application powered demo weblog. We are using Graphql server and relay for our react component data needs.
Stars: ✭ 140 (-13.04%)
Mutual labels: relay
Devtron
[LOOKING FOR MAINTAINERS] An Electron DevTools Extension
Stars: ✭ 1,726 (+972.05%)
Mutual labels: devtools
Reactconfbr
Public infos and issues about React Conf Brasil organization
Stars: ✭ 156 (-3.11%)
Mutual labels: relay
Restore
A predictable & observable state container for React apps
Stars: ✭ 133 (-17.39%)
Mutual labels: devtools
Relay Authentication
An example app demonstrating role based authentication and file upload with Relay and GraphQL.
Stars: ✭ 153 (-4.97%)
Mutual labels: relay
Estimo
Evaluates how long the browser will execute your javascript code.
Stars: ✭ 138 (-14.29%)
Mutual labels: devtools
Redux Devtools Dispatch
Dispatch your actions manually to test if your app reacts well.
Stars: ✭ 143 (-11.18%)
Mutual labels: devtools
Proto Relay
Proto Relay is a Chrome extension devtool for React Relay based off the official devtool. It is designed to be light-weight, performant, and easy-to-use.Features
- [x] Preview Relay store content from the Chrome devtools panel
- [x] View store content over time with included snapshots
- [x] View store mutations and network queries
Installation
- Fork and clone this repository onto your local computer
- Install dependencies and run a build using either the 'Yarn' or 'NPM' commands below:
# Yarn
yarn install
yarn build
# NPM
npm run install
npm run build
- Access the Chome extensions within the browser
- Access Chrome extensions within the browser
- Click on "Load Unpacked"
- Navigate and select the folder: protostar-relay > Shells > browser > chrome > build > unpacked
- Go to a website built with Relay and open the "proto*" panel. Websites that use Relay include:
How to Use
- Example view of interacting with the Relay store.
- Example of snapshot functionality and viewing mutations.
Contributing
Protostar-relay is currently in beta release. We encourage you to submit issues for any bugs or ideas for enhancements. Also feel free to fork this repo and submit pull requests to contribute as well. Below are some features we would like to add as we iterate on this project:
- Optimistic updates:
- Visual representation.
- List of all optimistic updates with pending/resolved status.
- Control data flow.
Google Chrome Web Store
Get it on the Chrome Extension Store: coming soon.
Contributors
Aryeh Kobrinsky, Liz Lotto, Marc Burnie, Qwen Ballard
License
This project is licensed under the MIT License- see the LICENSE.md for more details.
- Inspired by Facebook's Relay Devtool
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].