Vue.js Courses and Tutorials
The Vue.js Composition API is a handy tool for creating reusable, stateful code across multiple components. However, it’s not just for creating reusable composables. The longer the API has been around, the more people are using it, even as their default style for all components. Considering the workflow, it really makes a lot of sense. […]
Consultants have a bad reputation. It’s common for development teams to view them with suspicion. They come in, make sweeping statements, wow your management team and leave as useless as they are dramatic. But at Vue School we think an engineering consultant is a different breed of consultant. Born in the trenches. A daily coder […]
Supabase is a self-proclaimed "Open Source Firebase Alternative". I’ve been interested in working with Supbase for a bit now and thought I’d experiment with using their authentication API to get authentication setup for a Vue.js 3 application.
If you’ve been developing with Vue prior to 2021 there’s a good chance that your build tool of choice was the Vue CLI. It’s been the de-facto standard for scaffolding Vue.js projects for a while. Now though, Evan You’s next generation build tool Vite, has been garnering a lot of attention and is a great […]
One of the traditional set backs with SPA’s is that since all the content is rendered on the client side, many social sharing previews don’t work and some search engines can’t properly index your site. In this article let’s remedy that situation for a Vue.js 3 powered SPA by using the VueUse/head package and Netlify […]
Nuxt 3 Beta made it’s debut on October 12 and I couldn’t be more thrilled to give the tires a good kick and take it for a test drive. Here’s an overview of some of the cool new features, as well as some of the quirks I’ve found.
When working with v-for in Vue it is typically recommended to provide a special key attribute. Something like this: <div v-for="item in items" :key="item.id"> The purpose of this key attribute is to give "a hint for Vue’s virtual DOM algorithm to identify VNodes when diffing the new list of nodes against the old list" (from […]
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 […]