Building a real-time collaborative Vue.js app using GraphQL
This tutorial will cover the fundamentals of GraphQL and the tooling required to implement GraphQL in Vue.js apps. Content includes:
Introduction to GraphQL (Queries, Mutations, Subscriptions)
Setting up GraphQL Client with Vue Apollo
Integrating GraphQL queries in your Vue app
Making use of Variables in Mutations
Learning how to update local cache using Apollo
Optimistic updates to local state in the Vue app
Using subscriptions in Vue components
Real-time feed with notification style UI
Testing auth and permissions
By the end of this tutorial, participants will have built a real-time to-do app in Vue, incorporating the key concepts and patterns behind building a Vue app with GraphQL.
Who should attend this workshop:
This tutorial is for developers with intermediate to advanced knowledge of Vue.js. Any front-end or fullstack developer with Vue.js familiarity should attend this workshop.
Software installation requirements for the tutorial:
Participants must bring their own laptops to attend the tutorial. Mac/linux OS are preferred for this workshop. Your laptop should be able to run Node.js servers.
If you are bringing a Windows laptop inform the organizers by sending an email to [email protected] so that the same can be communicated with the instructor.
Participants must install the following software before attending the tutorial:
Node.js 8+
NPM/Yarn
About the instructor:
Praveen Durairaj is an Application Engineer at Hasura. His areas of interest span React, Vue, GraphQL and Docker. He is the core contributor of hasura/graphql-engine.