GraphQL + Apollo + Vue js = Magic

on YouTube ↗21m

" summary

Shows how to wire GraphQL into Vue using Vue Apollo and Apollo Boost, with the exact npm/yarn install commands and the import/creation of an Apollo provider and default client. Demonstrates GQL template queries, variableized searches, mutations and the onUpdate cache handler that uses cache.readQuery/writeQuery to append results so the UI updates immediately. Shows using the Apollo cache as local state, links to awesometalks.party data and a working CodeSandbox demo.

AI-written summary · about

" chapters (15)

1. 0:00Intro
2. 0:17I REALLY LOVE GRAPHQL
3. 0:30GRAPHQL IS BAE
4. 0:56MY NAME IS SARA
5. 2:03I ADORE VUE
6. 2:28I FEEL LIKE VUE IS LIKE THE HARRY POTTER OF JS LIBRARIES
7. 3:52HOW?
8. 6:06DONE
9. 6:16LET'S QUERY SOME THINGS!
10. 9:08QUERY COMPONENT
11. 11:37VARIABLES ?
12. 13:16MUTATIONS?
13. 13:39MUTATION COMPONENT!!
14. 15:55THE UPDATE FUNCTION
15. 19:23DEMO WITH LOCAL STATE

" related talks

• 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 to InfinityGerard Sans · Vue.js Summit 2018
• 48mCreating a Vue app with Apollo GraphQLGuillaume Chau · DevFest Nantes 2017
• 24mAll You Need Is Apollo ClientNatalia Tepluhina · Vueconf.US 2020
• 37mAll you need is l̶o̶v̶e Apollo ClientNatalia Tepluhina · JavaScript fwdays'20 online conference
• 46mGraphQL Spacesuit for VueGerard Sans · ForwardJS 2019