All Projects → sgwilym → Relay Visual Learners

sgwilym / Relay Visual Learners

Licence: mit
An interactive diagram of Relay Classic.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Relay Visual Learners

Koa React Isomorphic
Boilerplate for Koa & React
Stars: ✭ 128 (-21.95%)
Mutual labels:  relay
Umldoclet
Automatically generate PlantUML diagrams in javadoc
Stars: ✭ 138 (-15.85%)
Mutual labels:  diagram
Relay Authentication
An example app demonstrating role based authentication and file upload with Relay and GraphQL.
Stars: ✭ 153 (-6.71%)
Mutual labels:  relay
Gojs React
A set of React components to manage GoJS Diagrams, Palettes, and Overviews
Stars: ✭ 130 (-20.73%)
Mutual labels:  diagram
Relayer
SMB Relay Attack Script
Stars: ✭ 136 (-17.07%)
Mutual labels:  relay
Isomorphic Relay Router
Adds server side rendering support to react-router-relay
Stars: ✭ 141 (-14.02%)
Mutual labels:  relay
Relay Example
[READONLY] 💝 Examples of common Relay patterns used in real-world applications. This repository is automatically exported from https://github.com/adeira/universe via Shipit
Stars: ✭ 126 (-23.17%)
Mutual labels:  relay
Protostar Relay
Open-source iteration of the official Relay devtool.
Stars: ✭ 161 (-1.83%)
Mutual labels:  relay
Wora
Write Once, Render Anywhere. typescript libraries: cache-persist, apollo-offline, relay-offline, offline-first, apollo-cache, relay-store, netinfo, detect-network
Stars: ✭ 138 (-15.85%)
Mutual labels:  relay
Laravel Graphql
Facebook GraphQL for Laravel 5. It supports Relay, eloquent models, validation and GraphiQL.
Stars: ✭ 1,793 (+993.29%)
Mutual labels:  relay
Graphbrainz
A fully-featured GraphQL interface for the MusicBrainz API.
Stars: ✭ 130 (-20.73%)
Mutual labels:  relay
Frontend
🌏 The front-end application code for https://buildkite.com
Stars: ✭ 132 (-19.51%)
Mutual labels:  relay
Absinthe relay
Absinthe support for the Relay framework
Stars: ✭ 143 (-12.8%)
Mutual labels:  relay
Graphql Sequelize Crud
Automatically generate queries and mutations from Sequelize models
Stars: ✭ 129 (-21.34%)
Mutual labels:  relay
Reactconfbr
Public infos and issues about React Conf Brasil organization
Stars: ✭ 156 (-4.88%)
Mutual labels:  relay
Quiver
A modern commutative diagram editor for the web.
Stars: ✭ 1,799 (+996.95%)
Mutual labels:  diagram
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 (-14.63%)
Mutual labels:  relay
Diagram Maker
A library to display an interactive editor for any graph-like data.
Stars: ✭ 2,086 (+1171.95%)
Mutual labels:  diagram
Sonoff wifi switch
Прошивка для ESP8266 (Умный дом)-Firmware for ESP8266 (Smart Home)
Stars: ✭ 156 (-4.88%)
Mutual labels:  relay
Lollipops
Lollipop-style mutation diagrams for annotating genetic variations.
Stars: ✭ 147 (-10.37%)
Mutual labels:  diagram

relay-visual-learners

Relay is a new framework from Facebook that promises to simplify a problem complex enough that the simplification is rather complex in itself.

I tend to learn things better when I can see how things fit together, so I made this interactive diagram that attempts to explain how Relay’s various parts fit together.

This diagram itself is a small react app using css-modules and webpack. You can clone this repo and run npm start to load up a hot loading dev environment.

Todo

  • The diagram is constructed from fragments of a single SVG illustration broken up into separate XML files and linked to each separate topic. While this works well enough, it means changing the diagram is a bit of a brittle process that usually requires changing most of the other diagram files. If you know a better way to component-ise a SVG, please feel free to make an issue or PR!
  • Think one of the explanations for one of the topics is inaccurate or could be more succinctly expressed? Contributions are more than welcome.
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].