Using Subscriptions in Your Vue Apps

on YouTube ↗11m

" summary

Live demo shows GraphQL subscriptions wired into a Vue app using Hasura auto-generated GraphQL API and apollo components, switching between <apollo-query> and apollo subscribeToMore to push new posts into the list, then removing polling to rely on subscriptions. Demo hits duplicate key issues when merging results, fixes via result merging, and includes a local repo plus a 13-video course release that documents the exact mutations, queries and subscription documents used.

AI-written summary · about

" chapters (3)

1. 0:00Introduction
2. 0:39What is GraphQL
3. 1:09How to use GraphQL Subscriptions with Vue

" related talks

• 11m12 tried and tested top tips for better testingVladimir Novick · Laracon EU 2017
• 38mVue + GraphQLNatalia Tepluhina · VinnytsiaJS 2019
• 34mGraphQL & Apollo in VueNatalia Tepluhina · JavaScript Conference Armenia 2018
• 21mApollo, GraphQL and Vue the ultimate stackGuillaume Chau · Vue.js Amsterdam 2018
• 34mGraphQL real-time subscriptionsDavid Yahalomi · Jazoon TechDays Spring 2017
• 21mGraphQL + Apollo + Vue js = MagicSara Vieira · Vue.js Amsterdam 2019
• 29mBuilding modern web-applications with Hasura's GraphQL engineMarion Schleifer · ITNEXT Summit 2019
• 46mGraphQL Spacesuit for VueGerard Sans · ForwardJS 2019