client

Client-side GraphQL Example App

This folder covers the client-side portion of the GraphQL demonstration, built with Apollo Client and compiled via Create React App.

Setup

yarn install
yarn start

The UI is split across a few different routes. In the below, we're using GraphQL to communicate with our local server's database, and using mutations to add new records which we can then retrieve via a query:

And this route shows how we can easily incorporate calls to external service endpoints -- in this case Penguin's public REST API -- into our schema:

Additionally, this application demos some common UI / dev patterns, such as

• TypeScript
• Design System via Rebass and Styled System
• Routing via Reach Router
• CSS-in-JS via Styled-Components