This is a demo repo to accompany a lightning talk I gave on using these technologies together. This showcases some of the best tools I currently (Spring 2019) know of for interacting with data on a server.
The lightning talk on this subject can be found here
Backend
- Prisma - generates a GraphQL API and ORM-style client based on a database graphql schema description
- Nexus - Declarative, Code-First GraphQL Schemas with generated TypeScript to maximize TypeScript benefit with minimal manual typings
- Built on top of some prisma-examples, primarily this one
API
Frontend
- Create-React-App (created with the typescript flag)
- react-apollo-hooks - use the react apollo client tooling within React hooks
Tools
- graphql-code-generator for automatically generating TypeScript types based on graphql on the client
- eslint
- eslint-plugin-graphql for lint client graphql queries against the schema
- typescript-eslint for linting TypeScript
- prettier
- Install the correct node version defined in the
.nvmrcfile
- If you have nvm this can be installed with
nvm install
- Install yarn
- Run
yarnto install global dependencies - cd into
serverdirectory and follow the readme steps there - cd into the
clientdirectory and follow the readme steps there