The confirm dialogs are used in almost every application. When working on internal apps, the developers tend to get lazy and use the browser’s ugly built-in confirm dialog. The fact that you’re reading this article suggests that you’re looking to replace it with something more soph…
Recent posts
React Animations with React Transition Group in practical examples
Aleksandar Rusev
In this tutorial we will learn how to build web animations from scratch using React and the React Transition Group library. React Transition Group is a small library that allows us to create powerful animations and transition in our React applications. We will start with simple animation and then th…
Custom Tooltip component with React and TypeScript (+ Next.js)
Aleksandar Rusev
Tooltips are an essential part of modern interfaces and most of the popular UI frameworks have such components. However, as is often the case, you might want to create a custom tooltip that is more suitable for your specific needs. I recently came across the react-tooltip library, which I didn’…
Micro Frontend architecture – common patterns
Aleksandar Rusev
Micro Frontend is one of the most notable trends in the Frontend world in the last year. The idea is still relatively new but it’s getting traction and has the potential to become a real game-changer. This architecture is being adopted by an increasing number of companies, including Netflix an…
Simple contact form with Vue and Firebase
Aleksandar Rusev
In this blog post, I will guide you through the creation of a simplistic contact form using two of the most popular technologies recently – Vue.js and Firebase. Prerequisites Here is all you need installed before we begin: Node.js (> 8.9 ) Vue CLI (optional but highly recommended) Firebase …
Styled components – Pros and Cons
Aleksandar Rusev
In this blog post I am going to express my opinion and share my experience with the Styled components library. For a long time, there have been many discussions about the “proper” way to handle styling in React applications. In the beginning, the most common way to tackle styling was the…
Tailwind vs. Bootstrap – which one to choose for your next project?
Aleksandar Rusev
Bootstrap has been around for 10 years and dominates the CSS framework world. However, recently, a new player appeared on the stage – Tailwind.css. It quickly gained popularity and more and more developers ask themselves which framework to use. I’ve never been a fan of flame wars and bel…
Step progress bar with pure CSS
Aleksandar Rusev
In this short blog post, I will show you how to create a custom step progress bar with CSS, which can be easily integrated into every application. Let’s first start with the easy part – the HTML. As you see, the stepper-item element has 2 additional classes – active and completed. …
Simple inline editable fields with Vue.js
Aleksandar Rusev
In this tutorial, I will show you how to create simple dynamically editable fields in your Vue application. For the purpose of this tutorial I’m going to use Vue 2 but the same principles apply to Vue 3 as well. For the sake of simplicity I will first share the code and then add someexplanatio…