Published in ITNEXT·PinnedVue Use State EffectWe all know Vuex. It is a great addition to the Vue ecosystem from the very beginning. It helped to manage the state in dozens of projects. It is very versatile and extensive. However, for small applications, it might be too big and complex, and the general flow too tangled…Vuejs5 min read
Published in ITNEXT·PinnedTailwind class madness. Never again?!A couple of days ago my sister asked for a favor. She wanted to create a small contact/promo page for the kindergarten that she is running. Nothing special and fancy, just a regular landing page with some event graphics and the contact form. Weekend job. Well, sounds like a very…Vue3 min read
Published in ITNEXT·Jan 8Nuxt 3 first steps.So I’m a huge Nuxt fan, and it’s quite obvious that I was very excited when the new framework version [3] was finally released. Just after I had a chance to install it and play a bit. But, we all know that this was a very early beta stage and…Vuejs7 min read
Published in ITNEXT·Dec 8, 2021How I cleaned up my hard drive from over 50 GBs of npm dependencies.Before we start disclaimer. The tricks and awesomeness of this post comes from the other one that you can find here. The original thought though was mine and my intention here is to wrap this with some additional context and history around my workflow. Further add some alternatives, the other…Nodejs4 min read
Published in ITNEXT·Oct 25, 2021Vue 3 <script setup> ✨During the Vue Contributors Day Evan You announced that the Script Setup feature is moving out of the beta stage and it’s production-ready. Update: it’s released already. Here’s the changelog info. Great, but what’s up with this? So with the new Vue Composition API, a new setup component option was…Vuejs4 min read
Published in ITNEXT·Oct 20, 2021Dealing with TypeScript configs for the mono-repo application.Let’s say that you’re building a mono-repo app. The structure is dividing some services like fronted, backend and docs. This application and the structure can be handled by Lerna — a tool for managing JavaScript projects with multiple packages. What Lerna does (as a part of many features) is the…Typescript3 min read
Published in ITNEXT·Oct 7, 2021Multiple interface definitions with Typescript function overloading.TS2769: No overload matches this call. Familiar? 🤔 💭 Right. We will back to this Typescript error description. But first, we need some fancy context. So recently I’ve released the vue-use-variant npm package. It’s a simple handler that helps you to deal with long CSS class definitions by defining variants…Typescript2 min read
Published in ITNEXT·Jan 15, 2021Node.js app continuous deployment with AWS, PM2, and Github Actions.So you have this node.js app. It’s not static, it’s in Vue, React, Angular, whatever… It’s ready and steady to publish and deploy. But where, how? In this article, I’ll cover some steps on how to automatically deploy your app and keep it delivered continually. Here is a quick summary: …Nodejs3 min read
Published in ITNEXT·Jan 14, 2021Rewriting Vuex module to Composition API.Hi there. In this post, I’ll show you how to rewrite some Vuex module to the Vue Composition API. It might be a great example of how you can replace the old, good Vue state management system with this new powerful tool from the Vue 3 release. The module comes…Vue4 min read