{"id":13463028,"url":"https://github.com/sibelius/react-native-relay-example","last_synced_at":"2025-06-10T15:04:14.523Z","repository":{"id":71333670,"uuid":"73844621","full_name":"sibelius/react-native-relay-example","owner":"sibelius","description":"React Native with Relay Classic example","archived":false,"fork":false,"pushed_at":"2017-10-26T22:00:16.000Z","size":146,"stargazers_count":42,"open_issues_count":0,"forks_count":6,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-09T15:15:21.607Z","etag":null,"topics":["boilerplate","react-native","relay"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sibelius.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2016-11-15T18:47:19.000Z","updated_at":"2022-07-24T13:28:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"ca21e3b6-2c80-4703-8d8b-f0cf8f7cf18b","html_url":"https://github.com/sibelius/react-native-relay-example","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/sibelius%2Freact-native-relay-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sibelius%2Freact-native-relay-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sibelius%2Freact-native-relay-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sibelius%2Freact-native-relay-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sibelius","download_url":"https://codeload.github.com/sibelius/react-native-relay-example/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sibelius%2Freact-native-relay-example/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259097752,"owners_count":22804775,"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":["boilerplate","react-native","relay"],"created_at":"2024-07-31T13:00:44.407Z","updated_at":"2025-06-10T15:04:14.505Z","avatar_url":"https://github.com/sibelius.png","language":"JavaScript","readme":"# Deprecation Notice\n\nUse this one instead [ReactNavigationRelayModern](https://github.com/entria/ReactNavigationRelayModern)\n\n# React Native + Relay\n\nThis is a sample repository that shows how to integrate React Native with Relay\n\nIt is connecting to this boilerplate code [graphql-dataloader-boilerplate](https://github.com/sibelius/graphql-dataloader-boilerplate)\n\n## Description\n- data folder contains schema(.json/.graphql) of your backend graphql server, it will be used by Relay to compile your Relay.QL queries to code.\n- plugins folder has babelRelayPlugin configuration, that tells to Relay with schema.json it should use to compile Relay.QL queries\n\n.babelrc for Relay\n```json\n{\n    \"presets\": [\n        \"react-native\"\n    ],\n    \"plugins\": [\n        \"./plugins/babelRelayPlugin\"\n    ],\n}\n```\n\n### RelayStore.js\nIt is a custom Relay.Store that enables you to change your Network Layer. For instance, when you want to set the user token.\n\n- Usage:\n```js\nRelayStore.reset(\n  new Relay.DefaultNetworkLayer('http://localhost:5000/graphql')\n);\n```\n\n### RelayUtils.js\nBased on https://gist.github.com/janicduplessis/f513032eb37cdde5d050d9ce8cf0b92a by @janicduplessis\nProvides a very handy function to create a Relay.Renderer container to fetch data from Relay\n\n- Usage:\n```jsx\nimport { createRenderer } from './RelayUtils'\nexport default createRenderer(RelayApp, {\n  queries: ViewerQuery,\n  fragments: {\n    viewer: () =\u003e Relay.QL`\n      fragment on Viewer {\n        users(first: 10) {\n          edges {\n            node {\n              name\n            }\n          }\n        }\n      }\n    `,\n  },\n});\n```\n","funding_links":[],"categories":["Seeds","Index"],"sub_categories":["Other Platforms","Relay"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsibelius%2Freact-native-relay-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsibelius%2Freact-native-relay-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsibelius%2Freact-native-relay-example/lists"}