Vue.js Courses and Tutorials
Perhaps, you’re moving from Vue CLI to Vite as your build tool of choice and in the process you realize that the @ alias no longer works 😱. This was exactly my experience, as well as my reaction. How in the world was I going to avoid such nasty looking imports as this ../../../someComponent.vue?
Vue 3 introduced the Composition API, which has since taken the community by storm. In my opinion, the single best feature of the Composition API is the ability to extract reactive state and functionality into their own reusable modules or "composables".
Are you building an informational website with primarily static content? If so a lot of JavaScript frameworks are probably overkill. Vue on the other hand has always had the ability to be adopted incrementally. In other words, your whole site could be mostly static or server side rendered and you could just add in Vue […]
Vue.js 3 is a solid framework for building applications both large and small. In our series How to Structure a Large Scale Vue.js Application, we’ve been exploring how to best utilize it for your large scale projects. We’ve examined what a good file structure looks like, some standards for predictability, and using ESLint and Prettier […]
In the previous article of the "How to Structure a Large Scale Vue Application" series, we took a look at some standards that you can employ in your Vue.js application to keep your codebase predictable, easy to navigate, and understandable. Another step you can take to improve the developer experience when building a large scale […]
What is the best way to structure a Vue.js application so that it scales and remains maintainable and extendable the more it grows? This is a question that I’ve heard on numerous occasions and I think one answer to that question lies in the principle of predictability. When it comes to creating a scalable project […]
Ever wonder how to build one of those fancy tag input components like you see in blog admin panels or in notion docs? Well, wonder no more! In this article we’ll use Vue 3’s composition API to make a reusable tag input component of our very own. Along the way we’ll cover some important concepts […]
Throughout this series we’ve explored various store solutions both official and DIY. We’ll end the series by taking a look at a home rolled solution with Vue 3’s composition API.
Now that we’ve seen some library options for implementing a Vue.js store (Vuex and Pinia), I want to spend a little time talking about some home rolled solutions. While home rolled solutions can be more fragile (if done hastily), less tested, and less standardized, they also provide an opportunity for useful customizations and the opportunity […]
An alternative option for creating a store for your Vue.js application is Pinia. Pinia is the new kid on the block when it comes to stores for Vue. It was started by Vue core team member Eduardo San Martin Morote with the first commit to the repo being made on Nov 18, 2019. Pinia boasts […]