Using GraphQL

Learn how to use GraphQL with Vuex, and try it yourself.

GraphQL is an API standard that has taken the development world by storm. It allows apps to fetch only the necessary data and receive them as a graph. The GraphQL syntax has very little noise overall and is human-readable.

How GraphQL queries work

In short, GraphQL is a syntax to communicate with an API. It's agnostic from any server technology, and we can integrate it into existing applications and data structures. GraphQL knows two different kinds of operations—queries and mutations. We use queries to fetch data and mutations to alter it. For example, a query to fetch a list of posts with the title and body text would look like the widget below:

Get hands-on with 1400+ tech skills courses.