With all these extra time being at home, it’s a great opportunity to learn new skills. For Vue developers, one of the most useful things we can do right now is to start getting familiar with the biggest changes coming to Vue3.
So far, there are relatively few resources to get up to date with all of the new features of Vue3.
This list will have some of the Vue3 tutorials and other resources that I’ve found the most useful while trying to learn as much as I can. Hopefully, you find them just as useful as I do.
Let’s jump right in.
As always, Vue Mastery is one of the best resources out there for Vue courses. In addition to having several Vue courses, they now have a great introductory course to some of the main changes coming to Vue3.
It explains what they are, how they work, and why the change is necessary.
Overall, it’s a great way to get some background knowledge and high level understanding of Vue3.
Vue School is another resource that every Vue developer should be familiar with. In addition to having courses for every level of Vue developer, there are also great articles on the site.
This article by Filip Rakowski highlights some of the biggest features in Vue3 that will change the way we code.
- The Composition API
- Component Fragments
- Suspense Components
So if you want to know about any of these, definitely check it out.
Shameless plug here.
But recently, I released my very first Vue3 course build along in which we actually use the Vue3 Alpha version to create a real application.
It’s a time blocking (scheduling) app that has great practice with the biggest changes coming to Vue3 and goes into depth with the Composition API and integrating the HTML Drag and Drop API into Vue.
If you are an intermediate Vue developer and want to know how exactly your code will change in Vue3, I genuinely think that it’s a great resource to really see how Vue3 is going to work.
This article by Mario Brendel takes a look at a really cool use case for the Composition API – building a global store without the use of Vuex.
Since Vue3 exposes some of the core reactivity APIs, developers can really take full advantage of the new proxy based reactivity system that Vue has switched over to.
Once you understand the basics of the Composition API, I really think this article is well written and will make you think about the other uses of the new features.
This Vue3 tutorial by Anthony Gore over at VueJSDevelopers is a great introduction to building your very first Vue3 app. It goes over the key changes and why they’re necessary.
By explaining why these changes are happening, this tutorial is great for intermediate developers who want to know the reasoning behind the design of Vue3.
It covers the setup method in the Composition API, declaring a root component, and other essentials that every app needs.
The Vue Composition API Request for Comments (RFC) is really the go to place to learn about the inner workings of the Composition API.
It talks about the reasoning for changes, the exact syntax, and even has the API Reference for the new methods/properties that you’ll need to work with.
This is, in my opinion, the best resource available for learning about the Composition API and seeing how to migrate your Vue2 code to Vue3.
If you’re willing to dive into some code and Github repos, the Vue next repo is a fantastic way to really see what changes are being made to Vue.
The repo contains the current codebase and updates all the time as new changes, fixes, and optimizations are pushed.
It might not be the easiest thing for the average developer to get into, but if you’re down to put in some work, it’s great to really give you a complete understanding of Vue3.
Hopefully, this list gave you some great places to start learning all about Vue3.
This is by no means a complete list, so if there is anything that has really helped you learn about Vue3, just leave a comment and I’ll definitely check it out.