Querying with GraphQL
Lessons
1. Intro to GraphQL
2. Fetching data with queries
3. Improving Developer Experience
4. Query variables, handling loading and errors
5. Advanced queries
6. Updating data with mutations
7. Bonus: Q&A with Natalia Tepluhina
8. Manual cache updates and optimistic responses
9. Real-time updates with subscriptions
10. Setting up local state with Apollo Client
11. Modifying local state with Apollo Client
Updating data with mutations
So far in our example app, we have only been fetching data from our GraphQL API endpoint. In this lesson, we’ll learn how to modify data on our server using GraphQL.
In a REST API, we typically use GET requests to fetch something, and POST / PUT / PATCH / UPDATE requests to change data on the server.
In GraphQL, however, the distinction is a bit simpler:
- We use
querywhen we need to fetch data - We use
mutationwhen we need to modify anything
Let’s explore how to edit a book’s information, and look at how this affects the Apollo cache and how the changes are reflected in our Vue app.