Category: Coding

How to use Teleport in VueJs 3

It has been a few months now since VueJs 3 has become the current version of this fantastic framework and with it, lots of new features. In this post, we will cover a feature called <teleport>. This feature was previously available in Vue 2 in a plugin called “portal-vue“. Thorsten L├╝nborg a core contributor of…


How to mock a server request in Chrome

If you are reading this article, then you probably have the same needs that I had when I first searched for this solution. I have decided to write this article to simplify your search and to write down the simple steps required to mock a server or API request in Chrome. TLTR; Chrome has the…


How to stack two elements on top of each other without using position: absolute

If you have been in web for as long as I have, you should have at least once in your career, have to create a slideshow or an layout that required two element to be on top of each other. This requirement is usually determined, by the need for animation that would transition between different…


How to setup a 404 catch-all route in Vue 3

If you are reading this post, chances are that you have been trying to implement a catch-all route into Vue 3, or upgrading one from Vue 2, and not being able to succeed. This article is going to provide you with the details you need to upgrade your application and successfully set up a route…


Introducing v-memo a new directive to improve your Vue 3 app performance

Vue 3 has provided us with several significant performance improvements out of the box but has also introduced some extra manual features that can help up improve our app performance. In this article, we are going to discuss a new directive called v-memo. This directive has been introduced in Vue 3.2 and to the best…