Uploaded September 2021 | Updated September 2026, 1 week ago
Learn how to use GraphQL in a type safe way with Vue 3, urql, and GraphQL Nexus.
🎥 Full playlist: youtube.com/watch?v=oEOvrd03CIA&list=PLC2LZCNWKL9Z0CgtUGaDejThLdi08BTLe&index=1
👨💻 Source code + text version: github.com/lmiller1990/vue-3-urql-example
If you like my teaching style, I have a book and two courses!
👀 (Book) Design Patterns for Vue.js: lachlan-miller.me/design-patterns-for-vuejs (YT_5_OFF for $5 off)
👉 (Course) Vue.js: The Composition API: udemy.com/course/vuejs-3-the-composition-api/?referralCode=0C911BD2BD6C57007F36
🖖 (Course) Complete Vue.js 3: udemy.com/course/complete-vuejs-3-crash-course-composition-api-vue-router-vuex/?referralCode=765A6E679914BF6E60AF
Learn how to use GraphQL in a type safe way with Vue 3, urql, and GraphQL Nexus.
🎥 Full playlist: youtube.com/watch?v=oEOvrd03CIA&list=PLC2LZCNWKL9Z0CgtUGaDejThLdi08BTLe&index=1
👨💻 Source code + text version: github.com/lmiller1990/vue-3-urql-example
If you like my teaching style, I have a book and two courses!
👀 (Book) Design Patterns for Vue.js: lachlan-miller.me/design-patterns-for-vuejs (YT_5_OFF for $5 off)
👉 (Course) Vue.js: The Composition API: udemy.com/course/vuejs-3-the-composition-api/?referralCode=0C911BD2BD6C57007F36
🖖 (Course) Complete Vue.js 3: udemy.com/course/complete-vuejs-3-crash-course-composition-api-vue-router-vuex/?referralCode=765A6E679914BF6E60AF
![DOM Queries - [Vue Testing Library 1/8]
▶️ Full playlist: https://www.youtube.com/playlist?list=PLC2LZCNWKL9YdD4Z4V6guveajQoKN8rui
📗 $5 off my Design Patterns for Vue.js with YT_5_OFF: https://lachlan-miller.me/design-patterns-for-vuejs
🔨 Course on Composition API, TypeScript and Testing: https://www.udemy.com/course/vuejs-3-the-composition-api/?referralCode=0C911BD2BD6C57007F36
🎥 Complete Vue.js (Options/Composition, Vuex, Router): https://www.udemy.com/course/complete-vuejs-3-crash-course-composition-api-vue-router-vuex/?referralCode=765A6E679914BF6E60AF DOM Queries - [Vue Testing Library 1/8]](https://i.ytimg.com/vi/kMtqZK8z1XE/mqdefault.jpg)
![[Functional Core, Imperative Shell] Introduction and Goals (1/8)
▶️ Full playlist: https://www.youtube.com/playlist?list=PLC2LZCNWKL9a7b7Ufx0ngo9xH_b8j9ZlA
📗 Sign up for my book, Vue design patterns: https://lachlan-miller.me/design-patterns-for-vuejs
⭕️ Original playlist building the Tic Tac Toe game: https://www.youtube.com/playlist?list=PLC2LZCNWKL9bxH1aVRVKoaq6Y2KKX6J5g
🔨 Course on Composition API, TypeScript and Testing: https://www.udemy.com/course/vuejs-3-the-composition-api/?referralCode=0C911BD2BD6C57007F36
🎥 Complete Vue.js (Options/Composition, Vuex, Router): https://www.udemy.com/course/complete-vuejs-3-crash-course-composition-api-vue-router-vuex/?referralCode=765A6E679914BF6E60AF
I first learned about this idea a long time ago in Gary Bernhardts excellent screencast. See it here https://www.destroyallsoftware.com/screencasts/catalog/functional-core-imperative-shell. It took me a long time to really get this paradigm and understand why its good. I do my best to explain it here using my chosen medium, JavaScript and Vue.js. [Functional Core, Imperative Shell] Introduction and Goals (1/8)](https://i.ytimg.com/vi/kPLGftyQ5ho/mqdefault.jpg)

![[Testable Forms] 1.9 Rendering Validation Errors
Blog post: https://lachlan-miller.me/articles/writing-testable-forms
My courses and advanced screencasts: https://vuejs-course.com/
My website (sign-up for my book on Vue testing!) https://lachlan-miller.me/
Source code: https://github.com/lmiller1990/forms-demo [Testable Forms] 1.9 Rendering Validation Errors](https://i.ytimg.com/vi/l3XJFEOgdgc/mqdefault.jpg)
![[Vue.js 3 Crash Course] 2.0: Project - Form Validation
WATCH THE UPDATED PLAYLIST HERE, ITS WAY BETTER https://youtube.com/playlist?list=PLC2LZCNWKL9bICnF4PdWlLEkRH00Qv6mx
Hi! 👋 This is the first module of my entirely re-recorded Complete Vue.js 3 course.
🎥 I re-record it once a year, to keep it up to date, make improvements, etc!
🎉 Full course includes Options + Composition APIs, Vuex and Vue Router (4.5 hours, 85 lectures).
📝 4 fundamental modules (Options, Composition, Vuex, Vue Router)
🧑💻 4 projects (Form Validation, Pokemon Cards, Microblog, Photo Album)
😇 If you enjoy my teaching style, you can buy the full course!
👉 BUY ON GUMROAD $10 OFF WITH YOUTUBE_10: https://gumroad.com/l/complete-vuejs
👉 BUY ON UDEMY: https://www.udemy.com/course/complete-vuejs-3-crash-course-composition-api-vue-router-vuex/?referralCode=765A6E679914BF6E60AF
I hope you find the content useful! 👊 Happy coding ⚡️
Learn more: https://vuejs-course.com/complete-vuejs [Vue.js 3 Crash Course] 2.0: Project - Form Validation](https://i.ytimg.com/vi/lWegMRAP44I/mqdefault.jpg)

![Cascading Styles with Recursion [Vue 3 Custom Renderers 6/7]
▶️ Full playlist: https://www.youtube.com/playlist?list=PLC2LZCNWKL9b876nPMVULEyBzkVoH8B7n
⌨️ Source code: https://github.com/lmiller1990/vue-pdf-renderer-demo
📗 $5 off my Design Patterns for Vue.js with YT_5_OFF: https://lachlan-miller.me/design-patterns-for-vuejs
🔨 Course on Composition API, TypeScript and Testing: https://www.udemy.com/course/vuejs-3-the-composition-api/?referralCode=0C911BD2BD6C57007F36
🎥 Complete Vue.js (Options/Composition, Vuex, Router): https://www.udemy.com/course/complete-vuejs-3-crash-course-composition-api-vue-router-vuex/?referralCode=765A6E679914BF6E60AF
🐦 Twitter: https://twitter.com/Lachlan19900 Cascading Styles with Recursion [Vue 3 Custom Renderers 6/7]](https://i.ytimg.com/vi/lxHCaC788CU/mqdefault.jpg)
![[Testing Vue 3 apps] 1.11 - Mocking HTTP calls with Jest
My courses and advanced screencasts: https://vuejs-course.com/
My website (sign-up for my book on Vue testing!) https://lachlan-miller.me/ [Testing Vue 3 apps] 1.11 - Mocking HTTP calls with Jest](https://i.ytimg.com/vi/mGWlMDKz0Pc/mqdefault.jpg)
![[Testing Composables with Tic Tac Toe] Final Notes and Exercises (10/10)
Full playlist: https://www.youtube.com/playlist?list=PLC2LZCNWKL9bxH1aVRVKoaq6Y2KKX6J5g
Sign up for my book, Vue design patterns: https://lachlan-miller.me/design-patterns-for-vuejs
Course on Composition API, TypeScript and Testing: https://www.udemy.com/course/vuejs-3-the-composition-api/?referralCode=0C911BD2BD6C57007F36
Complete Vue.js (Options/Composition, Vuex, Router): https://www.udemy.com/course/complete-vuejs-3-crash-course-composition-api-vue-router-vuex/?referralCode=765A6E679914BF6E60AF [Testing Composables with Tic Tac Toe] Final Notes and Exercises (10/10)](https://i.ytimg.com/vi/mTFkj3lyaZg/mqdefault.jpg)

