https://github.com/gsans/graphql-seed
GraphQL Seed project using: Apollo Client 1.0 and React
https://github.com/gsans/graphql-seed
apollo-client graphql react seed-app
Last synced: about 2 months ago
JSON representation
GraphQL Seed project using: Apollo Client 1.0 and React
- Host: GitHub
- URL: https://github.com/gsans/graphql-seed
- Owner: gsans
- License: mit
- Created: 2017-05-22T10:31:56.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-05-24T20:25:06.000Z (over 8 years ago)
- Last Synced: 2025-04-19T09:49:35.766Z (6 months ago)
- Topics: apollo-client, graphql, react, seed-app
- Language: JavaScript
- Homepage:
- Size: 15.6 KB
- Stars: 4
- Watchers: 2
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# graphql-seed
GraphQL Seed project using:
- Apollo Client 1.0
- React
Install [Apollo Client Developer Tools](https://chrome.google.com/webstore/detail/apollo-client-developer-t/jdkknkkbebbapilgoeccciglkfbmbnfm) for a better Developer Experience
# Setup
Fill in your GraphQL endpoint to start building
// src/client.js
const networkInterface = createNetworkInterface({
uri: 'GRAPHQL_ENDPOINT',
dataIdFromObject: record => record.id,
})
## File Structure
```
graphql-seed/
├──src/
| ├──components/ * App Components
| │ ├──App.js
| │ ├──List.js
| │ ├──Item.js
| │ ├──Loading.js
│ │ └──TopNavigation.js
│ ├──graphql/ * GraphQL Folder
| │ └──List.query.gql
│ ├──utils/ * Utils
| │ └──helpers.js
| ├──app.js * App entry point
| ├──client.js * Apollo Client Setup
| ├──index.html * index.html for development
│ └──style.css * CSS main styles
├──index.html * index.html for production
├──package.json
├──webpack.config.js * webpack main configuration file
└──webpack.dist.config.js * webpack production
```
## License
MIT © [Gerard Sans](https://github.com/gsans)