“Measuring Web Performance in 2021” + 6 more must-read articles
Issue #216
Detecting Clicks Outside an Element in Vue
Have you ever tried to make your dropdown menu close when a user clicks outside the element? Learn to write a custom directive that does this in Vue.
https://shivam.dev/blog/outside-click
VueJS — Reusable Data Fetcher Component
Learn to build a component that will help you manage data fetching and provide proper feedback to users.
https://dev.to/vcpablo/vuejs-reusable-data-fetcher-component-1jdo
Easily Handle Component Versioning with Vue 3
Component refactoring can become a huge issue with breaking changes that can take hours to clean up. Here’s an easy strategy to deal with component versioning.
https://dev.to/rdelga80/easily-handle-component-versioning-with-vue3-48n8
Problems with Server-Side Plugins in Nuxt.js
When you use server-side rendering in Nuxt, you can create highly dynamic and performant experiences. Josh Deltener explores one of the lesser-known issues with server-side plugins in Nuxt.
https://masteringnuxt.com/blog/problems-with-server-side-plugins-in-nuxtjs
Sponsored
Web Assembly (WASM) is a low-level language that can run in web browsers with near-native performance.
The latest DevTrends video explains how WASM makes it possible to create 3D games, VR experiences, and other apps for the web that would be challenging with JavaScript alone.
Build Advanced Components in Vue 3 using $attrs
In this article, we are going to cover the $attrs attribute. We will explain what it is used for, how its implementation differs from Vue 2, and build a code example to help understand its power.
https://labs.thisdot.co/blog/build-advanced-components-in-vue-3-using-usdattrs
Perform Image Transformations in Vue.js with ImageKit
A brief read on how to perform image transformations for images hosted on ImageKit by using custom ImageKit Vue components.
https://dev.to/xinnks/perform-image-transformations-in-vue-js-with-imagekit-5f4m
Measuring Web Performance in 2021: The Definitive Guide
This is the complete guide to the metrics, methods, and measurements of web performance in 2021. All the fundamental ideas you need to understand to build a fast website for your users, and for search engines.
https://requestmetrics.com/web-performance/measure-web-performance
Until next week,
— Anthony Gore, Vue.js Developers Newsletter curator