VueUse is a popular Vue.js library of composables and utility functions that makes interacting with native browser features more intuitive in the context of a Vue.js project. Vue School has an in-depth course on VueUse, called VueUse For Everyone, that gives you hands on experience using a number of those functions. In this article though, […]
Vue Router is the de facto standard for creating routes in Vue.js SPA’s. Did you know though, that besides using it to map routes to page components, you can also use it to compose page layouts? That’s an interesting proposal. Let’s see how it’s done. Let’s say we’re building a blog where there’s the potential […]
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. […]
Unfortunately, none of us has ever written a 100% perfect application at scale. With every new line of code comes new opportunities for bugs to creep in and cause unexpected behavior and poor customer experiences. That’s why Sentry exists.
Vite is a modern, lean, and lightning fast development tool made with the developer experience as top priority. Also, according to Evan You, the official recommendation for Vue 3 tooling will be switching from Vue CLI to Vite (reference One Year Into Vue 3 Talk [9:00 – 10:20]) meaning in 2022 Vue CLI will be […]
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 […]
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 […]
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".