{"id":13772093,"url":"https://sgwilym.github.io/relay-visual-learners/","last_synced_at":"2025-05-11T04:31:08.853Z","repository":{"id":36896857,"uuid":"41203864","full_name":"sgwilym/relay-visual-learners","owner":"sgwilym","description":"An interactive diagram of Relay Classic.","archived":false,"fork":false,"pushed_at":"2015-09-30T11:21:07.000Z","size":305,"stargazers_count":167,"open_issues_count":0,"forks_count":23,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-04-14T19:40:11.891Z","etag":null,"topics":["diagram","react","relay"],"latest_commit_sha":null,"homepage":"http://sgwilym.github.io/relay-visual-learners/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sgwilym.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-08-22T11:16:11.000Z","updated_at":"2024-01-12T21:34:17.000Z","dependencies_parsed_at":"2022-09-07T12:13:04.370Z","dependency_job_id":null,"html_url":"https://github.com/sgwilym/relay-visual-learners","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sgwilym%2Frelay-visual-learners","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sgwilym%2Frelay-visual-learners/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sgwilym%2Frelay-visual-learners/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sgwilym%2Frelay-visual-learners/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sgwilym","download_url":"https://codeload.github.com/sgwilym/relay-visual-learners/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253518941,"owners_count":21921074,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["diagram","react","relay"],"created_at":"2024-08-03T17:00:59.877Z","updated_at":"2025-05-11T04:31:08.274Z","avatar_url":"https://github.com/sgwilym.png","language":"JavaScript","funding_links":[],"categories":["Overviews"],"sub_categories":[],"readme":"relay-visual-learners\n=====================\n\nRelay is a new framework from Facebook that promises to simplify a problem complex enough that the simplification is rather complex in itself.\n\nI 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.\n\nThis 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.\n\n# Todo\n\n- 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!\n- Think one of the explanations for one of the topics is inaccurate or could be more succinctly expressed? Contributions are more than welcome.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/sgwilym.github.io%2Frelay-visual-learners%2F","html_url":"https://awesome.ecosyste.ms/projects/sgwilym.github.io%2Frelay-visual-learners%2F","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/sgwilym.github.io%2Frelay-visual-learners%2F/lists"}