Vue-Apollo GraphQL Fundamentals
🚧 PLEASE NOTE: This course is outdated!

What is Vue-Apollo?

This course uses Vue-Apollo to connect to the SpaceX GraphQL API.

In this lesson, we'll take a look at what Vue-Apollo and the Apollo client is.

LESSON TRANSCRIPT

In this course, we are going to learn how to work with Vue and a GraphQL API. If you don't know GraphQL yet, I recommend you to check out our GraphQL Fundamentals course linked in the description. We will set up Vue Apollo using GraphQL queries and mutations to respectively fetch and modify data from the SpaceX GraphQL API. But first, let's introduce Vue Apollo and Apollo Client.

js. In order to fully understand what Vue Apollo is, let's first introduce Apollo Client. Apollo Client is a complete state management library for JavaScript applications. It will take care of requesting and caching your data, as well as updating your UI when using GraphQL.

It's incrementally adoptable, universally compatible, simple to get started with, inspectable, community-driven, and made for interactive apps. js apps than with Vue Apollo. It provides automatic updates. Don't think about updating the UI or refetching the queries.

In template components. Use Apollo in a truly declarative way with the Apollo components. SSR ready. Run your queries on the server before rendering the page HTML.

Ready, set, go. Let's set up our View Apollo GraphQL application. In this course, we are going to learn how to work with Vue and a GraphQL API. If you don't know GraphQL yet, I recommend you to check out our GraphQL Fundamentals course linked in the description.

We will set up Vue Apollo using GraphQL queries and mutations to respectively fetch and modify data from the SpaceX GraphQL API. But first, let's introduce Vue Apollo and Apollo Client. js. In order to fully understand what Vue Apollo is, let's first introduce Apollo Client.

Apollo Client is a complete state management library for JavaScript applications. It will take care of requesting and caching your data, as well as updating your UI when using GraphQL. It's incrementally adoptable, universally compatible, simple to get started with, inspectable, community-driven, and made for interactive apps. js apps than with Vue Apollo.

It provides automatic updates. Don't think about updating the UI or refetching the queries. In template components. Use Apollo in a truly declarative way with the Apollo components.

SSR ready. Run your queries on the server before rendering the page HTML. Ready, set, go. Let's set up our View Apollo GraphQL application.

This transcript is generated automatically from the lesson video. Spotted an inaccuracy? Let us know at team@vueschool.io.