{"id":18712206,"url":"https://github.com/developer239/react-apollo-graphql","last_synced_at":"2025-04-12T12:31:38.980Z","repository":{"id":48270489,"uuid":"84358471","full_name":"developer239/react-apollo-graphql","owner":"developer239","description":"JavaScript meets web. React in tandem with Apollo. Minimal implementation that will help you get started with GraphQL.","archived":true,"fork":false,"pushed_at":"2021-08-03T20:08:25.000Z","size":8410,"stargazers_count":123,"open_issues_count":32,"forks_count":26,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-11-07T12:52:23.746Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://react-apollo-graphql.herokuapp.com/","language":"TypeScript","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/developer239.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}},"created_at":"2017-03-08T19:32:19.000Z","updated_at":"2024-08-27T04:43:41.000Z","dependencies_parsed_at":"2022-09-11T13:30:55.203Z","dependency_job_id":null,"html_url":"https://github.com/developer239/react-apollo-graphql","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/developer239%2Freact-apollo-graphql","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developer239%2Freact-apollo-graphql/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developer239%2Freact-apollo-graphql/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developer239%2Freact-apollo-graphql/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/developer239","download_url":"https://codeload.github.com/developer239/react-apollo-graphql/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248566516,"owners_count":21125679,"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":[],"created_at":"2024-11-07T12:40:54.679Z","updated_at":"2025-04-12T12:31:36.717Z","avatar_url":"https://github.com/developer239.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"[![Actions Status](https://github.com/developer239/react-apollo-graphql/workflows/CI/badge.svg)](https://github.com/developer239/react-apollo-graphql/actions?query=workflow%3A%22CI%22)\n[![Test Coverage](https://api.codeclimate.com/v1/badges/8b605e0fb1af6dc86063/test_coverage)](https://codeclimate.com/github/developer239/react-apollo-graphql/test_coverage)\n[![Maintainability](https://api.codeclimate.com/v1/badges/8b605e0fb1af6dc86063/maintainability)](https://codeclimate.com/github/developer239/react-apollo-graphql/maintainability)\n[![Dependabot](https://badgen.net/dependabot/developer239/react-apollo-graphql/84358471?icon=dependabot)](https://dependabot.com/)\n[![Mergify Status](https://img.shields.io/endpoint.svg?url=https://gh.mergify.io/badges/developer239/react-apollo-graphql\u0026style=flat)](https://mergify.io)\n\n## React Apollo GraphQL [from scratch]\n\n\nToday you have basically two ways how to start new React application: [NextJs](https://github.com/zeit/next.js/) or [Create React App](https://github.com/facebook/create-react-app). \n\nHowever, there is no fun in using other peoples frameworks so I created this application from scratch. If you ever wondered how to set up your own boilerplate. This is a good place to start.\n\n[![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy)\n\n## Demo\n\nYou can try the application [here](https://react-apollo-graphql.herokuapp.com) (it might take a while before the free server wakes up)\n \n📘 Backend API is running [here](https://node-type-orm-graphql.herokuapp.com/graphql). You can find the source code of the backend application [here](https://github.com/developer239/node-type-orm-graphql).\n\n# Development\n\nSystem Dependencies:\n\n1. `brew install node`\n2. `brew install yarn`\n\nRun development server:\n\n1. `yarn install`\n2. `yarn apollo:generate-types:watch`\n3. `yarn watch`\n\n## Useful Commands\n\n- `yarn lint:ts` lint TS files\n- `yarn lint:css` lint CSS\n- `yarn lint:circular-dependencies` detect circular dependencies\n- `yarn apollo:generate-types` generate TS definitions from GraphQL schema\n- `yarn apollo:remove-all-types` remove all automatically generated TS definitions\n- `yarn test` run jest\n- `docker-compose up` run the application in Docker 🐳 container\n\n## TODO\n\n- [ ] Optimize [antd](https://ant.design/docs/react/introduce) package with [babel-plugin-import](https://www.npmjs.com/package/babel-plugin-import)\n- [ ] Create custom vendors config with [DllPlugin](https://webpack.js.org/plugins/dll-plugin/)\n- [x] Implement _request password reset_ + _request password change_\n- [x] Implement _automatic token refresh_\n\n# Production\n\nKeep in mind that `main` and `vendors` packages **are huge**. I plan to implement [babel-plugin-import](https://www.npmjs.com/package/babel-plugin-import) and [DllPlugin](https://webpack.js.org/plugins/dll-plugin/) in the future.\n\n1. `SERVER_URL=https://node-type-orm-graphql.herokuapp.com/graphql yarn build`\n2. `yarn prod`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeveloper239%2Freact-apollo-graphql","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeveloper239%2Freact-apollo-graphql","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeveloper239%2Freact-apollo-graphql/lists"}