In today’s part of Vue Performance series we will focus on the most exciting framework in Vue.js ecosystem – Nuxt! Specifically we will focus on how it’s Server-Side Rendering (SSR) mechanism impacts performance and what we can do to optimize it. Of course all previous tips from this series are still viable in Nuxt!
In the last couple of months Composition API took Vue community by storm. Thanks to a plugin that brings it’s capabilities to Vue 2 the new API is already supported in many of the most impactful projects from Vue ecosystem like Vuex vue-router or vue-apollo. Unfortunately, despite a very quick adoption Composition API was lacking […]
Until now, the Vue.js Performance series has focused on the bundle size. While it’s certainly one of the most important aspects of app performance it’s not the only one. To build fast web applications, it’s not only crucial to serve the smallest possible assets. It’s also important to reuse them whenever possible so users won’t […]
We are used to certain ways of reusing code. Usually it happens through libraries and components with strictly defined APIs but sometimes thats not enough. Sometimes we want to reuse our whole codebase in a way that lets us adjust it to a special event like Black Friday or just make a slightly different version […]
In this article, I will show you how you can test props and custom prop validators in a simple and performant way, without spying on the console error.
Some time ago I wrote an article about state management patterns in Vue. You may or may not know but I’ve been working with Composition API intensively for the past few months while building a new version of Vue Storefront and I thought it might be a good idea to share some of my learnings. […]
What is Gridsome? Gridsome is an open source VueJS framework used for building static generated sites. The main focus of Gridsome is that the final website will always be fast, really fast. This is achieved by adding performant features such as code splitting, asset optimization, progressive images, and link prefetching by default. With a Gridsome […]
Every Vue application has its state but managing it simply and predictably can be hard. There are many approaches to state management in modern front-end development and it’s easy to get lost in all the available patterns and libraries. In this post I’ll try to go deep into state management patterns and tools as well […]
It’s been a while since we published last part of Vue Performance series. I hope you had a chance to apply everything you already learned in your projects and make them faster! If you have read previous articles you already know perfectly how lazy loading works, how to code-split routes and components, and how to […]
Recently I wrote about new features available in Vue 3 where I briefly introduced which features we can expect in the next major release of Vue.js. In today’s article, I want to talk a little bit more about one of the most useful ones – Portal