How to create a reusable accordion component from scratch — This is my fourth “How to” article on Vue.js components, I have seen that they are the most read, probably because they are step-by-step tutorials that allow you to create something concrete and usable very fast. So I decided to share with you one of the components that I use…

A great way to create a reusable tabs component in Vue from scratch — Tabs are one of the most used components in the UI, we can find them in the most popular CSS frameworks like Bootstrap or libraries of UI components like TailwindUI. They can have different styles but their main job is to change the content at the click of a button…

Some advice I want to give after 5 years of working in different startups — Usually, in my articles, I talk about technical stuff or how to implement some features, this time I want to talk more about the working environment inside a startup. I have been working for 5 years now, I have been lucky enough to work in several startups and also to…

Animate your pages when an element is visible in the viewport with pure JavaScript — In my experience as a frontend developer, one of the things that I often develop are animations on the scrolling of the pages. My approach to this type of development has changed over the years. At first, I used the scroll event in JavaScript, but on the performance side, I…

Save time and use everything Tailwind CSS makes available to you — It has been nearly a year since I started to use Tailwind CSS instead of Bootstrap. Sometimes I wonder if in a few months I’ll be able to add only utilities or if I’ll remember how to write CSS code. How I Stopped Writing CSS I changed the way I use CSS thanks to Tailwindmedium.com Anyway, today I’d like to show you six utilities…

Let’s see what is the best way to pass data between components — When I started using Vue, I just passed data between components through the props, deepening this framework I found that I could achieve the same result with slots. Let’s understand the differences and the reasons for using props instead of slots and vice versa. PROPS They are attributes that are…

Let’s see in which cases we need to use a state management pattern like Vuex — Nowadays we overuse frameworks and libraries, just because they are popular but not because we need them. I realized this by looking at the mistakes I made when I started using Vue.js. At that time I did a lot of research and I noticed that everyone was using Vuex in…

A great way to create a simple modal from scratch — Modals are one of the most used components in the UI, we can find them in the most popular CSS frameworks like Bootstrap or libraries of UI components like TailwindUI. They are useful because in our projects we often want to show messages or we need to allow users to…

A quick comparison of the most popular Vue.js frameworks — Gridsome and Nuxtjs are the most popular Vue.js frameworks at this time and will certainly be throughout 2020. Today many people and companies prefer to start using Vue.js from one of these frameworks. Why start from a framework? The main reason is that these frameworks already have a lot of preset configurations and are easy…