Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://sgwilym.github.io/relay-visual-learners/
An interactive diagram of Relay Classic.
https://sgwilym.github.io/relay-visual-learners/
diagram react relay
Last synced: 3 months ago
JSON representation
An interactive diagram of Relay Classic.
- Host: GitHub
- URL: https://sgwilym.github.io/relay-visual-learners/
- Owner: sgwilym
- License: mit
- Created: 2015-08-22T11:16:11.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2015-09-30T11:21:07.000Z (about 9 years ago)
- Last Synced: 2024-05-02T05:09:25.307Z (6 months ago)
- Topics: diagram, react, relay
- Language: JavaScript
- Homepage: http://sgwilym.github.io/relay-visual-learners/
- Size: 298 KB
- Stars: 167
- Watchers: 9
- Forks: 25
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-relay - Relay for Visual Learners - Very clear set of diagrams laying out how the different parts of Relay relate to each other. (Overviews)
README
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.