create-react-app, mkdir components and styles
When a query is received by the server, it will resolve it and retrieve the required data from the connected database.
apollo-clientwhere all the magic happens.
apollo-link-httpan apollo link for remote data fetching
apollo-link-erroran apollo link for error handling
apollo-link-statean apollo link for local state management
graphql-tagexports the gql function for your queries & mutations
react-apollocontains the bindings to use Apollo Client with React
Prismaprovides the database layer which offers CRUD operations. The second layer is the application layer for business logic and common workflows (like authentication).
<Query />component and passing GraphQL query as prop
<Mutation />component allow variables, optimisticResponse, refetchQueries, and update as props