The tabs are a highly useful UI component in any application and just like that its sub-components i.e text, sliders, etc. too. This article is gonna cover how to update the tab’s slider’s width with text or with any other condition. Let’s start by doing some code pieces of stuff. …

Two-way binding gives our app a mechanism to share data between components and their templates. — In a Vue application, we use the v-model many times or I can say the v-model is an essential pillar of Vue projects. This v-model is doing what we called two-way binding. Have you ever used this two-way binding for dialog boxes? In most cases, we use dialogs in the…

Sometimes, initialize the classes at run time is helpful for debug messages or when using the class name as an identifier. — Have you faced any such problem or ever needed it? Dear readers, If your response is exactly what the above GIF is expressing then this article gonna be fruitful for you. Let’s get up to make your hands grubby with some coding pieces of stuff. I am going to take…

Writing the test cases in Javascript is not nexus until we find the right way of less code with more concepts. — Is it possible to write test cases in a short time? Let’s get started by not wasting much time staring at the girl above ;) I am using the Jest library to write test cases. Jest is a delightful JavaScript Testing Framework with a focus on simplicity. First, you need…