feat(graphql): add api/types codegen

https://github.com/martis-git/learn-frontend/issues/279

Author: azinit

examples/graphql/codegen.yml

@@ -0,0 +1,14 @@
+overwrite: true
+schema: 'https://graphqlzero.almansi.me/api'
+documents: 'src/**/*.gql'
+generates:
+  src/gen/graphql.tsx:
+    config:
+      noNamespaces: true
+      withComponent: false
+      withHOC: false
+      withHooks: true
+    plugins:
+      - 'typescript'
+      - 'typescript-operations'
+      - 'typescript-react-apollo'

examples/graphql/package.json

@@ -30,7 +30,8 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "gen": "graphql-codegen"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -48,6 +49,10 @@
     ]
   },
   "devDependencies": {
+    "@graphql-codegen/cli": "^1.17.10",
+    "@graphql-codegen/typescript": "^1.17.10",
+    "@graphql-codegen/typescript-operations": "^1.17.8",
+    "@graphql-codegen/typescript-react-apollo": "^2.0.7",
     "@types/classnames": "^2.2.10",
     "@types/react-router": "^5.1.8",
     "@types/react-router-dom": "^5.1.5"