http://sgwilym.github.io/relay-visual-learners/

An interactive diagram of Relay Classic.
http://sgwilym.github.io/relay-visual-learners/

diagram react relay

Last synced: about 1 month ago
JSON representation

An interactive diagram of Relay Classic.

• Host: GitHub
• URL: http://sgwilym.github.io/relay-visual-learners/
• Owner: sgwilym
• License: mit
• Created: 2015-08-22T11:16:11.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2015-09-30T11:21:07.000Z (over 8 years ago)
• Last Synced: 2024-05-02T05:09:25.307Z (about 2 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

Lists

• awesome-relay - Relay for Visual Learners - Very clear set of diagrams laying out how the different parts of Relay relate to each other. (Overviews)
• awesome-graphql - Relay for visual learners
• awesome-react - Relay for Visual Learners
• awesome-graphql - Relay for visual learners
• awesome-graphql - Relay for visual learners
• awesome-react - Relay for Visual Learners
• awesome-react-enaqx - Relay for Visual Learners
• awesome-react-cn - Relay for Visual Learners
• awesome-graphql - Relay for visual learners
• awesome-graphql - Relay for visual learners
• awesome-react - Relay for Visual Learners
• awesome-react - Relay for Visual Learners

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.