Alex Jover Morales

Author

Alex Jover Morales

Web developer. Community and Open Source lover. Interested in web performance, progressive web apps, code quality, productivity and the human side of code. You'll find him biking and meeting with friends.

33 articles by Alex Jover Morales

Hybrid Rendering: the secret way to smoothly test Vue.js components

Find out how to combine Deep and Shallow Rendering in order to achieve a flexible solution to test your Vue.js combining the best of both worlds.

Alex Jover Morales

Alex Jover Morales

Mar 7, 2022

Achieve Max Performance loading your images with v-lazy-image

Don't you know what to do to improve your web performance? Learn Progressive Image Loading, a technique used by Spotify, Medium and Netflix.

Alex Jover Morales

Alex Jover Morales

Aug 30, 2021

Use Responsive Images with v-lazy-image

Is Web Performance a priority for you? Then read this article! You'll learn how to lazy load images with srcset and picture tag using v-lazy-image.

Alex Jover Morales

Alex Jover Morales

Aug 23, 2021

Generate and deploy the blog as a full static Nuxt site

Your site is ready for the world. Wait, where and how do I publish it? You only need 5 minutes to learn how to deploy a Nuxt.js site in Netlify.

Alex Jover Morales

Alex Jover Morales

Aug 25, 2020

Optimize SEO and Social Media Sharing in a Nuxt blog

Do you want your blog to reach an audience? Then you should have SEO in your mind. Learn two techniques you can easily apply to your Nuxt blog.

Alex Jover Morales

Alex Jover Morales

Aug 18, 2020

Tags and Search Functionality in Nuxt Using Storyblok API

Don't confuse your users! Learn how to provide them with great navigation using categories, tags and search so they can find your content easily.

Alex Jover Morales

Alex Jover Morales

Aug 11, 2020

Creating UI components based on a Design System in Vue.js

Don't you know the benefits of using a Design System? Not sure how to structure your Vue.js components in an app? Read the article and find it out.

Alex Jover Morales

Alex Jover Morales

Jul 21, 2020

Setting up a full static Nuxt site

Overwhelmed by too many options to create a blog? Chill and use Nuxt, Storyblok and TailwindCSS to make it simple, beautiful and incredibly performant

Alex Jover Morales

Alex Jover Morales

Jul 14, 2020

Use Web Workers in your Vue.js Components for Max Performance

Learn how to get up to 20x performance improvement of Vue.js components that rely on heavy tasks so they render and load faster

Alex Jover Morales

Alex Jover Morales

Mar 31, 2020

Deep vs Shallow Rendering in Vue.js Tests

A short article on how to use deep and shallow rendering in Vue.js and what I suggest to use most of the cases using vue test utils.

Alex Jover Morales

Alex Jover Morales

Mar 3, 2020

Create a i18n Plugin with Composition API in Vue.js 3

A example on how to use the inject and provide functions to create a i18n plugin using Composition API in Vue.js 3.

Alex Jover Morales

Alex Jover Morales

Feb 17, 2020

Access template refs in Composition API in Vue.js 3

Quick tip on how to access the old this.$refs by using ref() in the new Composition API in Vue.js 3 components.

Alex Jover Morales

Alex Jover Morales

Dec 9, 2019

Use old instance properties in Composition API in Vue.js 3

Learn how to use this.$emit, this.$attrs and more in the new Composition API, where you have no this instance in your Vue.js Components.

Alex Jover Morales

Alex Jover Morales

Nov 26, 2019

Easily switch to Composition API in Vue.js 3

A step by step guide on how to migrate a Vue.js component from the traditional Object API to the modern Composition API, easy and in a cheatsheet format.

Alex Jover Morales

Alex Jover Morales

Nov 19, 2019

The most modern Pie Chart component using CSS Conic Gradient and Vue.js

Build a Pie Chart component using one of the modern CSS features Conic Gradient

Alex Jover Morales

Alex Jover Morales

Oct 21, 2019

The most modern Carousel component using CSS Scroll Snap and Vue.js

Build a Carousel by using one of the latest CSS features called scroll-snap and bundle it into a Vue.js component

Alex Jover Morales

Alex Jover Morales

Oct 6, 2019

Data Provider component in Vue.js

Use scoped slots to create a data provider in Vue.js

Alex Jover Morales

Alex Jover Morales

Sep 24, 2019

Using Scoped Slots in Vue.js

Quick example on how to use scoped slots for component reusability in vuejs

Alex Jover Morales

Alex Jover Morales

Sep 15, 2019

Style inner elements in scoped CSS using /deep/ selector in Vue.js

Learn how you can use /deep/ to deeply style your Vue.js components using scoped CSS.

Alex Jover Morales

Alex Jover Morales

May 12, 2019

The importance of scoped CSS in Vue.js

Vue.js tutorial on how to us scoped CSS to avoid style collision in your Vue.js and Nuxt.js applications.

Alex Jover Morales

Alex Jover Morales

May 7, 2019

Lazy load images using v-lazy-image Vue.js component

Learn to improve the web performance of your vue.js application

Alex Jover Morales

Alex Jover Morales

Apr 16, 2019

Handle and redirect 404 responses in Nuxt.js

Learn how to redirect a user to the home page in case it navigates to a page that doesn't exists

Alex Jover Morales

Alex Jover Morales

Apr 7, 2019

Run watchers when a Vue.js component is created

Tutorial on how to make a watcher run instantly when a Vue.js component is created

Alex Jover Morales

Alex Jover Morales

Mar 31, 2019

Simple and performant functional Vue.js components

Functional Vue.js components

Alex Jover Morales

Alex Jover Morales

Mar 24, 2019

Listen to lifecycle hooks on third-party Vue.js components

A quick tip on how to avoid repeating a double emit call and listen to lifecycle hooks externally

Alex Jover Morales

Alex Jover Morales

Mar 17, 2019

The power of Snapshot Testing in Vue.js

Learn why using Jest's snapshots testing for you Vue.js components can make testing much easier and quicker

Alex Jover Morales

Alex Jover Morales

Mar 10, 2019

Create an ImageSelect component on top of vue-multiselect

Build an ImageSelect Vue.js component using the popular vue-multiselect package following the Adaptive Components pattern.

Alex Jover Morales

Alex Jover Morales

Feb 24, 2019

Creating a Store without Vuex in Vue.js 2.6

Tip on creating a simple store in Vue.js 2.6 by using the new Observable API

Alex Jover Morales

Alex Jover Morales

Feb 17, 2019

Adaptive components using v-bind and v-on

Learn to use v-bind and v-on in order to proxify props and events for building a wrapper component in Vue.js.

Alex Jover Morales

Alex Jover Morales

Feb 10, 2019

How to use the new v-slot directive in Vue.js

Simplify the use of scoped slots with the new v-slot syntax introduced in Vue.js 2.6.0 beta 3

Alex Jover Morales

Alex Jover Morales

Feb 3, 2019

Remove unused CSS with PurgeCSS

Use PurgeCSS to remove dead CSS that is not used, reduce the size of the generated CSS and improve performance of a Vue.js application

Alex Jover Morales

Alex Jover Morales

Jan 27, 2019

Measure runtime performance in Vue.js apps

Short tutorial on how to measure web performance in Vue.js applications

Alex Jover Morales

Alex Jover Morales

Jan 20, 2019

Improve performance on large lists in Vue.js

Learn how to use Object freeze to improve performance on list rendering in Vue.js by creating a non-reactive array.

Alex Jover Morales

Alex Jover Morales

Jan 13, 2019

Don't miss out anything about Vue, your favourite framework.

Subscribe to receive all the articles we publish in a concise format, perfect for busy devs.

Sponsors

VueDose is proudly supported by its sponsors. If you enjoy it, consider supporting it to ensure the project maintainability.

Silver
Learning Partner