Advanced and in-depth learning resources for Vue.js

While it's quite easy to find tutorials about Vue.js, things are getting much harder when you want to learn something beyond the basics.

I hope that this list will make it much easier for everyone to learn advanced and non-trivial Vue stuff about architecture, patterns, internals and real-world use cases.

All of the listed resources are dedicated for developers who are already familiar with Vue.js and have some prior experience with this framework.

If you know some courses/articles about advanced Vue patterns, in-depth explanations or just non-trivial stuff that would be helpful for other Vue developers please don't hesitate to share them!

Table of contents

• Courses and video tutorials
  • Multiple topics
  • Architecture, patterns and best practices
• Articles
  • Architecture, patterns and best practices
  • Source code and internal behavior
  • Nuxt
• Talks
  • vue-router
  • animations
• Books
  • Architecture, patterns and best practices
  • Testing
• Blogs
• Podcasts

Courses and video tutorials

Multiple Topics

• Advanced Components / Vue Mastery
• Advanced Vue Component Design / Adam Wathan
• Advanced Vue.js Features from the Ground Up / Evan You on Frontend Masters
• Vue.js topics by industry experts and core team members from beginner to master class / Vue School
• The Vue.js Master Class / Vue School
• Vuex for Everyone / Vue School
• Dynamic Forms with Vue.js / Vue School
• Custom Vue.js Directives / Vue School

Architecture, patterns and best practices

Testing

• Testing Vue / Laracast

Articles

Architecture, patterns and best practices

• Vue.js considerations and tricks / Harshal Patil
• Renderless Components in Vue.js / Adam Wathan
• What’s the deal with functional components in Vue.js? / Nora Brown
• Vue.js Application Structure and CSS Architecture / Markus Oberlehner
• Series about Vue.js App pERFORMANCE optimization / Filip Rakowski

Source code and internal behavior

• A deep dive in the Vue.js source code / oneminutejs
• Vue.js Reactivity / Anthony Gore
• Build a reactivity system / Vue Mastery

Nuxt

• 7 Frontend Architecture Lessons From Nuxt.js

Talks

vue-router

• Understanding client side routing with Vue.js by Hassan Djirdeh · JSCamp Barcelona 2018

animations

• State animations Getting them right / Eduardo San Martin Morote Vue.js Amsterdam

Books

Architecture, patterns and best practices

• Vue.js 2 Design Patterns and Best Practices

Testing

• Testing Vue.js applications by Edd Yerburgh
• Testing Vue.js components with Jest by Alex Jover Morales

Blogs

• Vue.js Developers

Podcasts

• Evan You - Advanced Vue Component Design

Contributing

Feel free to add any resources that you think may be useful for others by creating a Pull Request. The only requirement for the content is to target intermediate and advanced Vue developers. If you think your link does not fit any category feel free to create the new one.

List curated by Filip Rakowski