Overwhelmed by all the tools required for building GraphQL applications? Learn how every piece fits together
What you'll build
You will build from scratch a Pinterest clone called PinApp. Every chapter will slowly teach you the different moving parts of a GraphQL stack by adding features to the example project.
Focus on learning, not on environment setup. Every chapter contains live, editable code samples.
The first chapter will teach you how to read and write data from PinApp, like fetching users or pins, using the GraphQL query language.
Queries and mutations example
The second chapter will teach you how to design PinApp's data model using the GraphQL schema design language.
Schema example
In the third chapter you will learn how to create PinApp's GraphQL APIs using Apollo Server. You will expose to HTTP the schema you designed in the previous chapter. You will also learn how to connect an API with a Postgres database, and how to organize the API source code.
Server example
SQLite3 example
Email authentication example
File management example
The fourth chapter teaches you how to build PinApp's frontend using Apollo Client 2.0 and React 16.
React example
Client side state example
Apollo client example
React apollo example
In the fifth chapter you will learn how to add real time features to PinApp using GraphQL Subscriptions.
Postgres example
Server side subscriptions example
Apollo boost migration example
Client side subscriptions example
The sixth chapter will teach you how to test PinApp's API and frontend using Jest.
Server side testing example
Client side testing example